*,:before,:after{box-sizing:border-box}button{touch-action:manipulation}:root{--bg-page:#060d1a;--bg-card:#0a1525;--bg-card-alt:#0d1a30;--bg-input:#102036;--bg-header:#050a14;--border:#1a3a5c;--border-soft:#112240;--text-primary:#e8f4f8;--text-secondary:#6b90b0;--text-muted:#8aa0b8;--accent:#00d4ff;--accent-soft:#00d4ff22;--accent-2:#7c3aed;--accent-3:#0d9b6a;--danger:#ef4444;--warn:#f59e0b;--cyan:#06b6d4}body{background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:hidden}#root{width:100%;max-width:100%;overflow-x:hidden}*{scrollbar-width:thin;scrollbar-color:#1a3a5c #060d1a}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#060d1a}::-webkit-scrollbar-thumb{background:#1a3a5c;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00d4ff55}.dash-header{background:var(--bg-header);border-bottom:1px solid var(--border);z-index:100;flex-wrap:wrap;align-items:center;gap:16px;min-height:64px;padding:0 32px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #00000060}.dash-spacer{flex:1}.dash-tabs{flex-wrap:wrap;gap:4px;display:flex}.dash-subheader{background:var(--bg-header);border-bottom:1px solid var(--border);z-index:99;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 32px;display:flex;position:sticky;top:64px}.dash-content{max-width:1440px;margin:0 auto;padding:20px 32px 40px}.kpi-grid-10{grid-template-columns:repeat(10,1fr);gap:12px;display:grid}.kpi-grid-8{grid-template-columns:repeat(8,1fr);gap:14px;display:grid}.kpi-grid-7{grid-template-columns:repeat(7,1fr);gap:12px;display:grid}.kpi-grid-6{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.kpi-grid-5{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.kpi-grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.kpi-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-2col{grid-template-columns:1fr 1fr;gap:20px;display:grid}.grid-3col{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.kpi-grid-10>*,.kpi-grid-8>*,.kpi-grid-7>*,.kpi-grid-6>*,.kpi-grid-5>*,.kpi-grid-4>*,.kpi-grid-3>*,.grid-2col>*,.grid-3col>*{min-width:0}.section-title{letter-spacing:1.2px;text-transform:uppercase;color:var(--text-secondary);margin:0 0 12px;font-size:11px;font-weight:700}.period-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.chart-row{grid-template-columns:1fr 320px;gap:20px;display:grid}.top3-grid{gap:16px;display:grid}@media (width<=900px){.kpi-grid-10{grid-template-columns:repeat(5,1fr)}.kpi-grid-8,.kpi-grid-7{grid-template-columns:repeat(4,1fr)}.kpi-grid-6,.kpi-grid-5{grid-template-columns:repeat(3,1fr)}.kpi-grid-4,.kpi-grid-3{grid-template-columns:repeat(2,1fr)}.chart-row{grid-template-columns:1fr}.dash-content{padding:20px 16px 32px}.dash-header{gap:10px;padding:0 16px}.dash-subheader{padding:8px 16px;top:56px}}@media (width<=600px){.kpi-grid-10,.kpi-grid-8,.kpi-grid-7,.kpi-grid-6,.kpi-grid-5,.kpi-grid-4,.kpi-grid-3{grid-template-columns:repeat(2,1fr);gap:10px}.grid-2col,.grid-3col{grid-template-columns:1fr;gap:14px}.top3-grid{gap:14px;grid-template-columns:1fr!important}.chart-row{grid-template-columns:1fr;gap:14px}.period-bar{flex-direction:column;align-items:stretch;gap:8px}.dash-content{padding:12px 10px 32px}.dash-header{align-items:center;gap:8px;min-height:auto;padding:8px 12px}.dash-subheader{flex-wrap:wrap;gap:8px;padding:6px 12px;top:48px}.dash-spacer{display:none}.dash-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;gap:6px;width:100%;padding:2px 0 6px;overflow-x:auto}.dash-tabs::-webkit-scrollbar{display:none}}