:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f2926;background:#f4f6f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,select{font:inherit}.login-shell{background-color:#0000;background-image:linear-gradient(90deg,#f4f7fbc7 0%,#f4f7fbe0 38%,#f4f7fb6b 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='1000' viewBox='0 0 1600 1000'%3E%3Crect width='1600' height='1000' fill='%23f4f7fb'/%3E%3Cg opacity='.92'%3E%3Crect x='720' y='112' width='610' height='122' rx='8' fill='%23ffffff' stroke='%23e4e9f0'/%3E%3Crect x='744' y='138' width='174' height='12' rx='6' fill='%231677b7'/%3E%3Crect x='744' y='170' width='528' height='10' rx='5' fill='%23dbe8f5'/%3E%3Crect x='744' y='194' width='398' height='10' rx='5' fill='%23e8edf4'/%3E%3Crect x='760' y='292' width='230' height='142' rx='8' fill='%23ffffff' stroke='%23e4e9f0'/%3E%3Crect x='800' y='377' width='20' height='31' rx='4' fill='%2379b3e6'/%3E%3Crect x='838' y='344' width='20' height='64' rx='4' fill='%23f5a45a'/%3E%3Crect x='876' y='318' width='20' height='90' rx='4' fill='%2386df73'/%3E%3Crect x='914' y='362' width='20' height='46' rx='4' fill='%23454851'/%3E%3Crect x='1018' y='292' width='312' height='142' rx='8' fill='%23ffffff' stroke='%23e4e9f0'/%3E%3Cpolyline points='1046,391 1100,358 1154,370 1208,326 1268,342 1302,305' fill='none' stroke='%231677b7' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='1046' cy='391' r='7' fill='%231677b7'/%3E%3Ccircle cx='1208' cy='326' r='7' fill='%23f5a45a'/%3E%3Crect x='720' y='492' width='654' height='322' rx='8' fill='%23ffffff' stroke='%23e4e9f0'/%3E%3Crect x='750' y='530' width='158' height='12' rx='6' fill='%23111827'/%3E%3Crect x='750' y='570' width='574' height='1' fill='%23edf1f6'/%3E%3Crect x='750' y='612' width='574' height='1' fill='%23edf1f6'/%3E%3Crect x='750' y='654' width='574' height='1' fill='%23edf1f6'/%3E%3Crect x='750' y='696' width='574' height='1' fill='%23edf1f6'/%3E%3Crect x='750' y='738' width='574' height='1' fill='%23edf1f6'/%3E%3Crect x='750' y='589' width='112' height='10' rx='5' fill='%231677b7'/%3E%3Crect x='948' y='589' width='178' height='10' rx='5' fill='%23dbe8f5'/%3E%3Crect x='1190' y='589' width='82' height='10' rx='5' fill='%23f5a45a'/%3E%3Crect x='750' y='631' width='148' height='10' rx='5' fill='%231677b7'/%3E%3Crect x='948' y='631' width='220' height='10' rx='5' fill='%23dbe8f5'/%3E%3Crect x='1190' y='631' width='103' height='10' rx='5' fill='%2386df73'/%3E%3Crect x='750' y='673' width='92' height='10' rx='5' fill='%231677b7'/%3E%3Crect x='948' y='673' width='142' height='10' rx='5' fill='%23dbe8f5'/%3E%3Crect x='1190' y='673' width='67' height='10' rx='5' fill='%23f5a45a'/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;place-items:center;min-height:100vh;padding:28px;display:grid;position:relative;overflow:hidden}.login-panel{z-index:1;background:#fffffff5;border:1px solid #e4e9f0;border-radius:8px;width:min(100%,460px);padding:34px;position:relative;box-shadow:0 24px 80px #10182824}.brand-mark{color:#fff;background:#255f6d;border-radius:8px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.eyebrow,.panel-heading p{color:#66746d;letter-spacing:0;text-transform:uppercase;margin:0 0 7px;font-size:.76rem;font-weight:800}h1,h2{margin:0;line-height:1.05}.login-panel h1{margin-top:16px;font-size:clamp(2rem,8vw,3.2rem)}.login-copy{color:#5c6862;margin:18px 0 26px;line-height:1.6}.login-form{gap:14px;display:grid}label{color:#53625b;gap:7px;font-size:.9rem;font-weight:700;display:grid}input,select{color:#1f2926;background:#fff;border:1px solid #cdd6cf;border-radius:8px;width:100%;min-height:42px;padding:0 12px}button{color:#fff;cursor:pointer;background:#255f6d;border:0;border-radius:8px;min-height:42px;padding:0 14px;font-weight:800}button:hover{filter:brightness(.96)}.form-error{color:#a33a2a;font-weight:700}.secondary-button{color:#27433d;background:#e7ece9}.dev-code{color:#6c4b00;background:#fff6df;border:1px solid #f0d28e;border-radius:8px;margin-top:16px;padding:12px;font-weight:700}.portal-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#1f2926;flex-direction:column;gap:24px;height:100vh;padding:22px;display:flex;position:sticky;top:0}.brand-row{align-items:center;gap:12px;display:flex}.brand-row span,.account-card small{color:#aab8b2;display:block}nav{gap:8px;display:grid}nav button{color:#dfe8e4;text-align:left;background:0 0;justify-content:flex-start}nav button.active{color:#1f2926;background:#f6b44b}.account-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;margin-top:auto;padding:16px}.account-card span{color:#f6b44b;text-transform:uppercase;font-size:.78rem;font-weight:800}.account-card strong{margin-top:5px;display:block}.account-card button{color:#1f2926;background:#eef2ee;width:100%;margin-top:16px}.workspace{padding:24px}.topbar{background:#fff;border:1px solid #dce4dc;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:16px 18px;display:flex;box-shadow:0 12px 34px #1e2d290d}.page-title{min-width:220px}.topbar h1{font-size:clamp(1.45rem,2.4vw,2.15rem);line-height:1.08}.filters{grid-template-columns:repeat(4,minmax(130px,auto));justify-content:end;align-items:center;gap:10px;display:grid}.kpi-grid,.content-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.kpi-grid article,.panel{background:#fff;border:1px solid #dce4dc;border-radius:8px;box-shadow:0 16px 46px #1e2d290f}.kpi-grid article{padding:18px}.kpi-grid span,.kpi-grid small,td small,.panel-heading span{color:#66746d;display:block}.kpi-grid .growth{border-radius:999px;align-items:center;width:max-content;max-width:100%;min-height:24px;margin-bottom:8px;padding:0 9px;font-size:.78rem;font-weight:800;display:inline-flex}.growth.up{color:#247346;background:#e3f4ea}.growth.down{color:#a33a2a;background:#ffe8e1}.growth.neutral{color:#66746d;background:#eef2ee}.kpi-grid strong{margin:8px 0;font-size:clamp(1.35rem,3vw,2.2rem);display:block}.panel{min-width:0;padding:18px}.panel.wide{grid-column:span 3}.overview-stack{gap:16px;display:grid}.trend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.overview-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.overview-metrics div{background:#f7f9f7;border-radius:8px;min-height:118px;padding:16px}.overview-metrics span,.overview-metrics small{color:#66746d;display:block}.overview-metrics strong{margin:8px 0;font-size:clamp(1.25rem,2.4vw,2rem);display:block}.single-trend-bars{align-items:end;gap:10px;height:230px;display:flex}.single-trend-bars button{color:#66746d;background:0 0;flex-direction:column;flex:1;justify-content:flex-end;gap:4px;min-width:42px;height:100%;padding:0;display:flex}.single-trend-bars small{text-align:center}.single-trend-bars span{border-radius:8px 8px 2px 2px;width:100%}.single-trend-bars .volume-bar{background:#255f6d}.single-trend-bars .payout-bar{background:#f6b44b}.single-trend-bars button:not(.active) span{opacity:.55}.trend-card .panel-heading .growth{margin:0}.trend-card{min-height:330px}.performance-panel table{min-width:920px}.user-management{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:16px;display:grid}.user-form{gap:12px;display:grid}.user-form button{width:100%}.user-list-panel table{min-width:680px}.activity-stack{gap:18px;display:grid}.activity-kpis{padding:0}.activity-list{gap:10px;display:grid}.activity-list article{background:#fbfdfc;border:1px solid #e6eee8;border-radius:8px;gap:4px;padding:13px 14px;display:grid}.activity-list article div{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.activity-list strong{color:#1f2926}.activity-list span,.activity-list small,.muted-copy{color:#66746d}.activity-list p{color:#43524b;margin:0}.activity-list p small{color:#27433d;background:#e7ece9;border-radius:4px;margin-left:6px;padding:2px 6px;font-weight:800}.table-action{min-height:34px;padding:0 12px}.panel-heading{justify-content:space-between;align-items:start;gap:14px;margin-bottom:16px;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th{color:#66746d;text-align:left;text-transform:uppercase;font-size:.78rem}td,th{border-bottom:1px solid #edf1ed;padding:12px 10px}td{vertical-align:top}.pill{color:#255f6d;background:#e8f0f2;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-weight:800;display:inline-flex}.pill.green{color:#247346;background:#e3f4ea}.pill.amber{color:#8a5b00;background:#fff0cf}.legend{color:#66746d;gap:14px;margin-top:14px;font-size:.85rem;font-weight:800;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:999px;width:10px;height:10px}.legend .main{background:#255f6d}.legend .received{background:#6f8f5f}.legend .dt{background:#f6b44b}.bars{align-items:end;gap:12px;height:260px;padding:8px 0 2px;display:flex}.bars button{color:#66746d;background:0 0;flex-direction:column;flex:1;justify-content:flex-end;gap:8px;min-width:44px;height:100%;padding:0;display:flex}.bars span{background:#d5e2dd;border-radius:8px 8px 2px 2px;width:100%}.bars button.active span{background:#f6b44b}.rule-list{gap:10px;display:grid}.rule-list div{background:#f7f9f7;border-radius:8px;grid-template-columns:1fr auto;gap:4px 12px;padding:13px;display:grid}.rule-list small{color:#66746d;grid-column:1/-1}.formula{color:#fff;background:#1f2926;border-radius:8px;padding:18px;font-size:clamp(1rem,2vw,1.4rem);font-weight:800}@media (width<=980px){.portal-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.topbar{flex-direction:column;align-items:stretch}.filters,.kpi-grid,.content-grid,.trend-grid,.user-management{grid-template-columns:1fr 1fr}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.panel.wide{grid-column:span 2}}@media (width<=640px){.workspace{padding:16px}.filters,.kpi-grid,.content-grid,.trend-grid,.user-management,.overview-metrics{grid-template-columns:1fr}.panel.wide{grid-column:span 1}}