:root{--bg:#08111f;--panel:#101c2c;--panel2:#132236;--line:#223249;--text:#edf3fb;--muted:#8da0b8;--faint:#62758e;--blue:#56a8ff;--cyan:#58d6d0;--green:#35c995;--red:#f17d87;--gold:#e5bd71;--sidebar:248px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;font-size:14px}button,input{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#0b1625;border-right:1px solid #1b2a3e;padding:25px 17px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 34px;text-decoration:none;color:var(--text)}.brand-mark{width:39px;height:39px;border-radius:12px;background:linear-gradient(140deg,#3d9cff,#1b5f9e);display:grid;place-items:center;font:800 17px Manrope;color:white;box-shadow:0 7px 22px #1679c544}.brand-mark span{color:#a9e6e2}.brand strong{display:block;font:800 13px Manrope;letter-spacing:1.4px}.brand small{display:block;color:#7389a4;font:10px "DM Mono";letter-spacing:1.4px;margin-top:3px}.nav-label,.eyebrow{font:500 10px "DM Mono";letter-spacing:1.25px;color:#7188a5}.nav-label{padding:0 12px 12px}.main-nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#91a3b9;text-align:left;padding:12px 13px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:12px;font-weight:600}.nav-item i{font-style:normal;font-size:18px;width:18px;text-align:center;color:#7892b0}.nav-item:hover{background:#13243a;color:#eaf3ff}.nav-item.active{background:linear-gradient(90deg,#173858,#142a42);color:#eaf5ff;box-shadow:inset 2px 0 #56a8ff}.nav-item.active i{color:#65b6ff}.sidebar-bottom{margin-top:auto}.system-card{border:1px solid #25384e;background:#101e30;border-radius:9px;padding:12px;display:flex;gap:10px;align-items:center}.system-card b{display:block;font-size:11px}.system-card small{display:block;color:#8295ac;font-size:10px;margin-top:3px}.pulse,.meta-dot{width:7px;height:7px;border-radius:50%;background:#36c995;box-shadow:0 0 0 4px #36c99520;flex:none}.version{padding:17px 8px 0;color:#7f91a8;font:10px "DM Mono";line-height:1.8}.version span{color:#65b6ff}.version small{color:#60738c}.main{margin-left:var(--sidebar);min-height:100vh}.topbar{height:66px;border-bottom:1px solid #1b2a3e;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#0b1625}.breadcrumb{display:flex;gap:11px;color:#7f91a8;font-size:12px}.breadcrumb b{color:#40546c}.breadcrumb strong{color:#dce7f5;font-weight:600}.top-actions{display:flex;align-items:center;gap:20px}.market-status{font:10px "DM Mono";letter-spacing:.7px;color:#8ea4bd;display:flex;align-items:center;gap:9px}.market-status .pulse{width:6px;height:6px}.avatar{height:31px;width:31px;border:1px solid #35516f;border-radius:50%;display:grid;place-items:center;background:#142b43;color:#8dc7ff;font:600 10px "DM Mono"}.mobile-menu{display:none}.content{max-width:1600px;margin:auto;padding:32px 34px 22px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.page-heading h1{font:700 28px Manrope;margin:8px 0 5px;letter-spacing:-.7px}.page-heading p{margin:0;color:var(--muted);font-size:13px}.heading-meta{display:flex;align-items:center;gap:9px;color:#7e91a8;font:10px "DM Mono";padding-bottom:4px}.notice{border:1px solid #4d4128;background:linear-gradient(100deg,#28251d,#1b2028);border-radius:9px;padding:12px 14px;display:flex;align-items:center;gap:12px;margin-bottom:22px}.notice-icon{width:20px;height:20px;border-radius:50%;border:1px solid #b99755;color:#e2bd73;display:grid;place-items:center;font:600 12px Georgia;flex:none}.notice strong,.notice span{display:block}.notice strong{font-size:11px;color:#e8d4a7}.notice div span{font-size:11px;color:#a99d83;margin-top:3px}.notice button{margin-left:auto;background:none;border:0;color:#a99d83;font-size:20px;cursor:pointer}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.metric-card,.panel,.feature-card{background:linear-gradient(145deg,#111f31,#0f1b2b);border:1px solid var(--line);border-radius:11px}.metric-card{padding:17px 18px;min-height:120px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#8297b0;font:10px "DM Mono";letter-spacing:.5px}.metric-icon{width:25px;height:25px;display:grid;place-items:center;background:#203148;border-radius:7px;color:#91a9c7;font-size:13px}.metric-icon.green{color:#54d7a7;background:#16392f}.metric-icon.blue{color:#67b5ff;background:#163653}.metric-value{font:700 26px Manrope;margin:12px 0 3px;letter-spacing:-.7px}.metric-value.compact{font-size:21px;letter-spacing:.3px}.metric-foot{font-size:10px;color:#7489a2}.positive{color:var(--green)}.negative{color:var(--red)}.grid-main{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);gap:15px;margin-bottom:15px}.panel{padding:19px 20px;margin-bottom:15px;min-width:0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-head h2{font:700 16px Manrope;margin:6px 0 4px}.panel-head p{margin:0;color:#8295ad;font-size:11px}.tag{font:10px "DM Mono";letter-spacing:.4px;border:1px solid #2d4b66;background:#142b40;color:#8fc9ff;border-radius:5px;padding:6px 8px;white-space:nowrap}.chart-legend{display:flex;gap:18px;color:#93a5ba;font-size:10px;margin:6px 0 13px}.chart-legend span{display:flex;align-items:center;gap:7px}.legend-dot{width:7px;height:7px;border-radius:2px;display:inline-block}.legend-dot.strategy{background:#4fa8ff}.legend-dot.benchmark{background:#d7b16a}.bar-chart{display:grid;gap:9px}.bar-row{display:grid;grid-template-columns:57px minmax(60px,1fr) 56px;gap:9px;align-items:center}.bar-ticker{font:10px "DM Mono";color:#b4c4d7}.bar-track{height:15px;background:#1b2a3c;border-radius:3px;position:relative;overflow:visible}.bar-zero{position:absolute;left:0;top:-3px;height:21px;width:1px;background:#74869c;z-index:1}.bar-fill{height:100%;position:absolute;top:0;border-radius:3px;min-width:2px}.bar-fill.strategy{background:linear-gradient(90deg,#286cae,#59b2ff)}.bar-fill.negative-fill{background:linear-gradient(90deg,#9e4f64,#e17a86)}.bar-benchmark{position:absolute;top:-3px;height:21px;width:2px;background:#d8b66f;z-index:2}.bar-value{text-align:right;font:10px "DM Mono";color:#d6e2f0}.chart-foot{display:flex;justify-content:space-between;color:#637991;font:9px "DM Mono";padding-top:12px;margin-top:10px;border-top:1px solid #1c2b3e}.leader-list{display:grid}.leader{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #1d2b3d}.leader:last-child{border:0}.rank{color:#748ba5;font:10px "DM Mono"}.leader-name b{display:block;font:600 11px "DM Mono"}.leader-name small{display:block;color:#6e849e;font-size:9px;margin-top:3px}.leader-return{font:600 11px "DM Mono"}.text-button,.outline-button{background:none;border:0;color:#71baff;font-size:10px;cursor:pointer}.outline-button{border:1px solid #36516d;border-radius:6px;padding:8px 10px}.table-panel{padding-bottom:7px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{text-align:left;color:#7086a0;font:9px "DM Mono";letter-spacing:.55px;padding:10px 11px;border-bottom:1px solid #2a3a4f}td{padding:12px 11px;border-bottom:1px solid #1b2a3c;color:#bdcbdc;font-size:11px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#14243a}.ticker-cell{font:600 11px "DM Mono";color:#e8f2ff}.money,.number{font-family:"DM Mono";font-size:10px}.view{display:none}.view.active{display:block}.section-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.filter-wrap{display:flex;gap:9px;align-items:center;border:1px solid #2a3c53;background:#111f30;border-radius:7px;padding:0 11px;width:260px;color:#8196b0}.filter-wrap input{background:transparent;border:0;outline:0;color:var(--text);padding:10px 0;width:100%;font-size:11px}.muted{color:#8093aa;font-size:11px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-card{border:1px solid var(--line);background:#101d2e;border-radius:9px;padding:14px}.detail-card b{font:600 12px "DM Mono"}.detail-card p{font-size:10px;color:#8498af;margin:7px 0 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{padding:21px;min-height:260px;display:flex;flex-direction:column}.feature-card.featured{border-color:#31577a;background:linear-gradient(145deg,#142b42,#101e30)}.feature-icon{font-size:23px;color:#72baff;margin-bottom:14px}.muted-icon{color:#657b94}.feature-card h2{font:700 16px Manrope;margin:17px 0 8px}.feature-card p{font-size:11px;line-height:1.7;color:#91a3b8;margin:0}.feature-stats{display:flex;gap:25px;margin-top:auto;padding-top:20px}.feature-stats b,.feature-stats small{display:block}.feature-stats b{font:600 13px "DM Mono";color:#c7e5ff}.feature-stats small{font:8px "DM Mono";color:#7388a0;margin-top:5px}.planned{color:#c3a66d;border-color:#5b4b30;background:#2b261d}.feature-bottom{margin-top:auto;padding-top:20px;color:#7589a1;font-size:10px}.subtle-notice{background:#172333;border-color:#30445c}.subtle-notice .notice-icon{border-color:#6b87a4;color:#9fc6e8}.subtle-notice strong{color:#c7d9eb}.subtle-notice div span{color:#8fa1b5}.backtest-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#0c1827;border:1px solid #1d3046;border-radius:8px;padding:15px}.backtest-summary small,.backtest-summary b{display:block}.backtest-summary small,.mini-metric small{font:9px "DM Mono";color:#7188a2}.backtest-summary b{font-size:11px;margin-top:8px;color:#d5e2f1}.callout{margin-top:16px;padding:14px 15px;background:#14263a;border:1px solid #29435d;border-radius:8px}.callout strong{font-size:11px;color:#b8d9f8}.callout p{font-size:11px;line-height:1.65;color:#91a5bc;margin:6px 0 0}.callout code{color:#a8cfff}.compact-grid{margin-top:17px;margin-bottom:0;grid-template-columns:repeat(4,1fr)}.mini-metric{padding:14px;background:#0d1928;border:1px solid #203249;border-radius:8px}.mini-metric b{display:block;font:600 17px Manrope;margin-top:8px}.risk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.risk-item{background:#0d1928;border:1px solid #21344a;border-radius:8px;padding:14px}.risk-item b{font:600 19px Manrope;display:block;margin:7px 0}.risk-item small{font:9px "DM Mono";color:#8094ac}.report-item{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid #203047}.report-file{width:40px;height:42px;border-radius:7px;background:#183653;color:#8ecaff;display:grid;place-items:center;font:600 10px "DM Mono"}.report-file.csv{background:#19372f;color:#7ce0b8}.report-info{flex:1}.report-info b,.report-info small{display:block}.report-info b{font-size:11px}.report-info small{font-size:10px;color:#7f94ac;margin-top:4px}.status-pill{font:9px "DM Mono";color:#75dcb2;border:1px solid #2b604e;background:#143328;padding:5px 7px;border-radius:4px}.footer{display:flex;justify-content:space-between;border-top:1px solid #1d2b3e;padding:18px 2px 4px;margin-top:20px;color:#60758e;font:9px "DM Mono";letter-spacing:.5px}
@media(max-width:1100px){:root{--sidebar:220px}.content{padding:26px 22px}.topbar{padding:0 22px}.grid-main{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:260px}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.topbar{height:58px;padding:0 15px}.mobile-menu{display:block;background:none;border:0;color:#dce9f7;font-size:19px}.breadcrumb{margin-right:auto;margin-left:12px}.market-status{font-size:0}.market-status .pulse{font-size:initial}.content{padding:23px 14px}.page-heading{display:block}.page-heading h1{font-size:24px}.heading-meta{margin-top:13px}.metric-grid{gap:9px}.metric-card{padding:13px;min-height:110px}.metric-value{font-size:22px}.grid-main{display:block}.panel{padding:15px 13px}.feature-grid,.detail-grid{grid-template-columns:1fr}.backtest-summary{grid-template-columns:1fr 1fr}.compact-grid{grid-template-columns:1fr 1fr}.risk-grid{grid-template-columns:1fr 1fr}.notice{align-items:flex-start}.notice div span{line-height:1.5}.footer{gap:10px;flex-direction:column}.heading-meta{font-size:9px}}