:root{color:#eaf2ff;--bg:#050812;--panel:#07111f;--card:#091526;--line:#94a3b829;--muted:#8ea3bd;--blue:#2f80ff;--green:#00e88f;--purple:#8b5cf6;--orange:#f59e0b;--red:#ef4444;--cyan:#22d3ee;background:#050812;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 0,#2f80ff3d,#0000 28%),radial-gradient(circle at 85% 8%,#8b5cf633,#0000 30%),linear-gradient(135deg,#030712,#07111f 52%,#020617);min-height:100vh;margin:0}button,a{font:inherit}.app-shell{grid-template-columns:290px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:linear-gradient(#030712fa,#07111ff7);height:100vh;padding:18px;position:sticky;top:0;overflow:auto}.brand-row{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.brand-row img{height:44px}.menu-button,.bell{border:1px solid var(--line);color:#fff;background:#07111f;border-radius:12px;padding:10px}.supply-card,.rail-card,.card,.metric-card{border:1px solid var(--line);background:linear-gradient(#091526eb,#040a14e0);border-radius:18px;box-shadow:0 22px 70px #00000047}.supply-card{margin-bottom:16px;padding:16px;overflow:hidden}.supply-head{color:#c4b5fd;align-items:center;gap:10px;font-size:13px;display:flex}.supply-card strong{margin-top:8px;font-size:24px;display:block}.supply-card small,.metric-card span,.mini-kpi span,.big-stat span,.muted,.detail-list dt,.metric-list dt{color:var(--muted)}.supply-card b{color:#fff;margin:8px 0;display:block}.supply-card em,.good{color:var(--green);font-style:normal}.side-nav{gap:6px;display:grid}.side-nav p{text-transform:uppercase;letter-spacing:.12em;color:#64748b;margin:14px 8px 6px;font-size:11px}.side-nav button{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.side-nav button.active,.side-nav button:hover{color:#fff;background:linear-gradient(90deg,#492197eb,#6e2dd2b8);border-color:#a78bfa4d}.side-nav button em{color:#fff;background:#6d28d9;border-radius:8px;margin-left:auto;padding:2px 7px;font-size:11px}.left-stat-stack{gap:12px;margin-top:18px;display:grid}.main-panel{min-width:0;padding:18px 20px 30px}.topbar,.page-head,.card-title-row,.rail-title,.health-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.topbar h1{margin:0 0 4px;font-size:30px}.topbar p,.page-head p{color:#b7c4d9;margin:0}.wallet-strip{align-items:center;gap:10px;display:flex}.adf-chip,.wallet-button{border:1px solid var(--line);color:#fff;background:#050b16;border-radius:12px;align-items:center;gap:8px;padding:9px 12px;display:flex}.adf-chip em{color:var(--green);font-style:normal}.wallet-button span{background:linear-gradient(135deg,var(--cyan),var(--purple));border-radius:50%;width:28px;height:28px}.wallet-button small{color:#9fb1c9;display:block}.top-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:16px 0;display:grid}.metric-card{align-items:center;gap:12px;min-height:106px;padding:14px;display:flex;position:relative;overflow:hidden}.metric-card.compact{min-height:90px}.metric-icon{background:#2f80ff26;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.metric-copy strong{margin:5px 0;font-size:23px;display:block}.metric-card .sparkline{opacity:.82;width:90px;position:absolute;bottom:8px;right:10px}.content-grid{grid-template-columns:minmax(0,1fr) 330px;gap:14px;display:grid}.right-rail{align-content:start;gap:14px;display:grid}.rail-card,.card{padding:16px}.position-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.position-grid div{border:1px solid #94a3b81f;border-radius:12px;padding:12px}.position-grid span{color:var(--muted);font-size:12px;display:block}.position-grid strong{font-size:20px}.portfolio-row{align-items:center;gap:18px;display:flex}.legend-list{gap:10px;display:grid}.legend-list.large{flex:1}.legend-list span{color:#d6e1f2;align-items:center;gap:8px;display:flex}.legend-list b{margin-left:auto}.legend-list small{color:var(--muted);margin-left:8px;display:block}.dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.tone-bg-blue{background:var(--blue)}.tone-bg-green{background:var(--green)}.tone-bg-purple{background:var(--purple)}.tone-bg-orange{background:var(--orange)}.tone-bg-red{background:var(--red)}.tone-bg-cyan{background:var(--cyan)}.btn{color:#fff;cursor:pointer;background:linear-gradient(#5b21b6,#3b1687);border:1px solid #8b5cf661;border-radius:10px;padding:9px 13px}.btn-ghost{color:#dbeafe;background:#07111fb3}.btn-danger{background:linear-gradient(#dc2626,#7f1d1d)}.btn.full,.full{width:100%}.health-bar,.meter{background:#162238;border-radius:99px;height:8px;overflow:hidden}.health-bar i,.meter i{background:linear-gradient(90deg,var(--green),#34d399);height:100%;display:block}.orange i{background:linear-gradient(90deg,var(--orange),#fb7185)}.detail-list,.metric-list{gap:10px;margin:12px 0;display:grid}.detail-list div,.metric-list div{border-bottom:1px solid #94a3b81a;justify-content:space-between;padding-bottom:8px;display:flex}.activity-list{gap:12px;display:grid}.activity-item{grid-template-columns:30px 1fr auto;align-items:start;gap:10px;display:grid}.activity-item span,.activity-item small{color:var(--muted);font-size:12px}.section-switcher{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.page-card{gap:14px;display:grid}.page-head h2{margin:0 0 4px;font-size:24px}.head-actions{align-items:center;gap:10px;display:flex}.head-actions a,.card-link,.rail-title a{color:#8b5cf6;text-decoration:none}.tab-row{flex-wrap:wrap;gap:8px;display:flex}.tier-overview-grid{grid-template-columns:1fr 1fr 210px 1.4fr;align-items:center;gap:14px;display:grid}.big-stat strong{margin:6px 0;font-size:28px;display:block}.risk-tier-cards{grid-template-columns:repeat(6,minmax(170px,1fr));gap:12px;display:grid}.tier-card{border:1px solid var(--line);background:linear-gradient(#0f172ae6,#020617e0);border-radius:16px;padding:14px}.tier-card-head{align-items:center;gap:10px;display:flex}.tier-card h3{margin:0}.tier-card-head span{color:var(--muted)}.tier-vehicle{object-fit:contain;width:100%;height:82px;margin:8px 0}.tier-card p{color:#cbd5e1;min-height:42px}.tier-card strong{font-size:23px}.tier-card dl{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tier-card dt{color:var(--muted);font-size:12px}.mini-kpi-grid{gap:12px;display:grid}.mini-kpi-grid.six{grid-template-columns:repeat(6,1fr)}.mini-kpi-grid.five{grid-template-columns:repeat(5,1fr)}.mini-kpi{border:1px solid var(--line);background:#06101dcc;border-radius:14px;padding:14px}.mini-kpi strong{margin:10px 0 4px;font-size:22px;display:block}.chart-grid{gap:12px;display:grid}.chart-grid.three{grid-template-columns:repeat(3,1fr)}.chart-grid.four{grid-template-columns:repeat(4,1fr)}.chart-grid.equal{align-items:stretch}.split-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.chart-stat strong{font-size:26px}.chart-shell{width:100%;overflow:hidden}.line-chart{width:100%;height:auto}.legend-row{color:#cbd5e1;flex-wrap:wrap;gap:14px;font-size:13px;display:flex}.legend-row i{border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.donut-wrap{place-items:center;display:grid}.donut{width:100%;height:100%}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #94a3b81f;padding:10px}.data-table th{color:var(--muted);font-size:12px}.data-table td small{color:var(--muted);display:block}.markets .svg-icon{vertical-align:middle;margin-right:8px}.bar-list{gap:10px;display:grid}.bar-row{grid-template-columns:150px 1fr 44px;align-items:center;gap:8px;display:grid}.bar-track{background:#132136;border-radius:8px;height:18px;overflow:hidden}.bar-track i{border-radius:8px;height:100%;display:block}.pill{border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-size:12px;display:inline-flex}.pill.tone-green{color:var(--green);background:#00e88f1a;border-color:#00e88f52}.pill.tone-blue{color:#93c5fd;background:#2f80ff1a;border-color:#2f80ff52}.pill.tone-orange{color:#fbbf24;background:#f59e0b1a;border-color:#f59e0b52}.heatmap{gap:4px;display:grid}.heat-row{grid-template-columns:80px repeat(5,1fr);gap:4px;display:grid}.heat-row span,.heat-head b{color:var(--muted);font-size:12px}.heat-cell{text-align:center;color:#fff;border-radius:8px;padding:10px 6px;font-style:normal}.heat-cell.tone-green{background:#00e88f8c}.heat-cell.tone-orange{background:#f59e0b8c}.heat-cell.tone-red{background:#ef44448c}.reward-box,.reward-boost,.countdown{background:#581c872e;border:1px solid #8b5cf640;border-radius:14px;gap:6px;padding:14px;display:grid}.countdown b{color:var(--green);font-size:22px}.metric-callout{background:#00e88f14;border:1px solid #00e88f38;border-radius:12px;justify-content:space-between;padding:10px;display:flex}.svg-icon{object-fit:contain}.tone-blue{--tone:var(--blue)}.tone-green{--tone:var(--green)}.tone-purple{--tone:var(--purple)}.tone-orange{--tone:var(--orange)}.tone-red{--tone:var(--red)}.tone-cyan{--tone:var(--cyan)}.tier-card,.mini-kpi{border-color:color-mix(in srgb,var(--tone),transparent 70%)}@media (width<=1450px){.top-metrics,.risk-tier-cards,.mini-kpi-grid.six,.mini-kpi-grid.five{grid-template-columns:repeat(3,1fr)}.chart-grid.four{grid-template-columns:repeat(2,1fr)}}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.content-grid,.split-grid,.chart-grid.three,.tier-overview-grid{grid-template-columns:1fr}.right-rail{grid-row:auto}.risk-tier-cards,.mini-kpi-grid.six,.mini-kpi-grid.five{grid-template-columns:1fr 1fr}}@media (width<=720px){.topbar,.page-head,.portfolio-row{display:block}.wallet-strip,.head-actions{flex-wrap:wrap;margin-top:12px}.top-metrics,.risk-tier-cards,.mini-kpi-grid.six,.mini-kpi-grid.five,.chart-grid.four{grid-template-columns:1fr}.main-panel{padding:12px}.position-grid{grid-template-columns:1fr}.data-table{font-size:13px}.data-table th,.data-table td{padding:8px}.bar-row,.heat-row{grid-template-columns:1fr}.heat-head{display:none}}.dashboard-graphic-card{background:radial-gradient(circle at 20% 0,#2f80ff38,#0000 42%),linear-gradient(135deg,#091526f2,#040a14e6);border:1px solid #22d3ee38;border-radius:20px;grid-template-columns:minmax(260px,420px) 1fr;align-items:center;gap:18px;padding:16px;display:grid;overflow:hidden;box-shadow:0 30px 90px #00000052}.dashboard-graphic-card img{object-fit:contain;background:#020617;border:1px solid #94a3b824;border-radius:16px;width:100%;max-height:260px}.dashboard-graphic-card span{color:#67e8f9;text-transform:uppercase;letter-spacing:.09em;background:#22d3ee1c;border:1px solid #22d3ee38;border-radius:999px;width:max-content;padding:5px 10px;font-size:12px;display:inline-flex}.dashboard-graphic-card strong{color:#fff;margin:10px 0;font-size:28px;line-height:1.05;display:block}.dashboard-graphic-card small{color:#9fb1c9;display:block}@media (width<=900px){.dashboard-graphic-card{grid-template-columns:1fr}.dashboard-graphic-card strong{font-size:22px}}