:root{--bg:#0f1117;--card:#1a1d28;--border:#2a2d3a;--text:#e0e0e0;--muted:#8e8e9a;--green:#00c853;--red:#ff1744;--blue:#448aff;--purple:#b388ff;--orange:#ff9100;--cyan:#18ffff}[data-theme=light]{--bg:#f5f6fa;--card:#fff;--border:#e0e2e8;--text:#1a1d28;--muted:#6b7280;--green:#16a34a;--red:#dc2626;--blue:#2563eb;--purple:#7c3aed;--orange:#ea580c;--cyan:#0891b2}[data-theme=light] tr:hover{background:#00000008}[data-theme=light] .strategy-link:hover,[data-theme=light] .strategy-link.active{color:var(--blue);background:#2563eb1a}[data-theme=light] .sidebar a:hover,[data-theme=light] .sidebar a.active{background:#2563eb14}[data-theme=light] .tab-bar button.active{background:var(--blue);border-color:var(--blue);color:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,sans-serif;font-size:17px}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.app{max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.sidebar{background:var(--card);border-right:1px solid var(--border);width:260px;height:100vh;padding:0;position:fixed;overflow-y:auto}.sidebar-section{padding:16px 0 12px}.sidebar-label{color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;padding:4px 20px 8px;font-size:11px;font-weight:600}.strategy-link{color:var(--blue);border-radius:6px;margin:0 8px;padding:9px 20px;font-size:16px;font-weight:700;transition:background .15s;display:block}.strategy-link.sub-link{margin:1px 8px 1px 16px;padding:8px 16px 8px 20px;font-size:15px;font-weight:500}.strategy-link:hover,.strategy-link.active{color:var(--cyan);background:#448aff26;text-decoration:none}.sidebar a{color:var(--text);padding:8px 20px;font-size:15px;transition:background .15s;display:block}.sidebar a:hover,.sidebar a.active{color:var(--blue);background:#448aff26;text-decoration:none}.main{flex:1;max-width:calc(100vw - 260px);margin-left:260px;padding:24px;overflow-x:hidden}.nav-group{border-top:1px solid var(--border);margin-top:2px}.nav-group:first-of-type{border-top:none}.nav-group-toggle{width:100%;color:var(--text);letter-spacing:.3px;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:14px 20px;font-size:15px;font-weight:700;transition:background .15s;display:flex}.nav-group-toggle:hover{background:#448aff14}.nav-group-toggle.open{color:var(--blue)}.nav-chevron{color:var(--muted);font-size:13px}.nav-group-items{padding:0 0 8px}.nav-group-items .strategy-link.sub-link{margin:1px 8px 1px 16px;padding:7px 16px 7px 20px;font-size:15px}.nav-sub-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;padding:10px 20px 4px 36px;font-size:12px;font-weight:600}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:24px;display:grid}.kpi{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:16px}.kpi .label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:14px}.kpi .value{font-size:30px;font-weight:700}.kpi .value.green{color:var(--green)}.kpi .value.red{color:var(--red)}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;margin-bottom:20px;padding:20px;overflow-x:auto}.card h3{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:18px}table{border-collapse:collapse;table-layout:auto;width:100%;font-size:16px}th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);text-transform:uppercase;white-space:nowrap;padding:10px 12px;font-size:14px;font-weight:600}td{border-bottom:1px solid #2a2d3a80;padding:10px 12px}tr:hover{background:#ffffff05}.win{color:var(--green)}.loss{color:var(--red)}.page-title{word-wrap:break-word;margin-bottom:20px;font-size:34px;font-weight:700}.page-title span{color:var(--muted);margin-left:8px;font-size:17px;font-weight:400}.chart-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}@media (width<=1200px){.chart-row{grid-template-columns:1fr}}.tab-bar{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tab-bar button{background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;padding:10px 20px;font-size:15px}.tab-bar button.active{background:var(--blue);border-color:var(--blue);color:#fff}.loading{height:60vh;color:var(--muted);justify-content:center;align-items:center;font-size:22px;display:flex}.chart-legend{color:var(--muted);gap:14px;font-size:14px;display:flex}.chart-legend span{align-items:center;gap:3px;display:inline-flex}.legend-tri-up{color:#00e676;font-size:13px}.legend-tri-dn{color:#ff5252;font-size:13px}.legend-dot-win{color:#00e676;font-size:14px}.legend-dot-loss{color:#ff5252;font-size:14px}.strategy-summary h3{color:var(--blue);margin-top:20px;font-size:18px}.strategy-summary h3:first-child{margin-top:0}.strategy-summary ul{margin:0 0 8px;padding:0;list-style:none}.strategy-summary li{padding:6px 0 6px 20px;font-size:16px;line-height:1.6;position:relative}.strategy-summary li:before{content:"•";color:var(--muted);position:absolute;left:0}.strategy-summary li.win:before{color:var(--green)}.strategy-summary li.loss:before{color:var(--red)}.row-bounce-win td{background:#00c8530d}.row-trend-win td{background:#ff17440d}table tfoot td{background:var(--card)}td.big-diff{outline-offset:-2px;border-radius:3px;outline:2px solid #fff}.row-baseline td{background:#448aff14}.theme-toggle{z-index:1001;background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;transition:background .2s,border-color .2s;display:flex;position:fixed;top:12px;right:16px}.theme-toggle:hover{border-color:var(--blue)}.sidebar-toggle{z-index:1001;background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;width:40px;height:40px;font-size:22px;line-height:1;display:none;position:fixed;top:12px;left:12px}.sidebar-overlay{display:none}@media (width<=1024px){body{font-size:16px}.page-title{font-size:24px}.page-title span{margin-top:4px;margin-left:0;font-size:14px;display:block}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.kpi .value{font-size:22px}table{font-size:14px}th,td{padding:6px 8px}.card,.main{padding:16px}.strategy-summary li{font-size:15px}}@media (width<=768px){.sidebar-toggle{justify-content:center;align-items:center;display:flex}.sidebar{z-index:1000;width:280px;transition:transform .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:999;background:#00000080;position:fixed;inset:0}.sidebar.open+.sidebar-overlay,.sidebar-overlay.show{display:block}.main{max-width:100vw;margin-left:0;padding:56px 12px 12px}.app{flex-direction:column}body{font-size:15px}.page-title{margin-bottom:14px;font-size:20px}.page-title span{margin-top:4px;margin-left:0;font-size:13px;display:block}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.kpi{padding:12px}.kpi .label{font-size:11px}.kpi .value{font-size:20px}.card{margin-bottom:14px;padding:12px;overflow-x:auto}.card h3{margin-bottom:8px;font-size:14px}table{min-width:500px;font-size:13px}th{padding:6px;font-size:11px}td{padding:6px}.chart-row{grid-template-columns:1fr;gap:10px}.tab-bar button{padding:6px 12px;font-size:14px}.strategy-summary li{padding:4px 0 4px 16px;font-size:14px}.strategy-summary h3{font-size:15px}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr 1fr;gap:6px}.kpi .value{font-size:18px}.kpi .label{font-size:10px}.page-title{font-size:18px}.main{padding:52px 8px 8px}table{font-size:12px}th,td{padding:4px}}