*,:before,:after{box-sizing:border-box}body{color:#e8f4f8;-webkit-font-smoothing:antialiased;background:#060d1a;margin:0;font-family: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{z-index:100;background:#090f1e;border-bottom:1px solid #1a3a5c;flex-wrap:wrap;align-items:center;gap:16px;min-height:64px;padding:0 32px;display:flex;position:sticky;top:0}.dash-spacer{flex:1}.dash-tabs{flex-wrap:wrap;gap:4px;display:flex}.dash-filter{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 32px 4px;display:flex}.dash-content{max-width:1400px;margin:0 auto;padding:20px 32px 40px}.kpi-grid-8{grid-template-columns:repeat(8,1fr);gap:14px;display:grid}.kpi-grid-6{grid-template-columns:repeat(6,1fr);gap:12px;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}.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-8>*,.kpi-grid-6>*,.kpi-grid-5>*,.kpi-grid-4>*,.grid-2col>*,.grid-3col>*{min-width:0}.period-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pie-section{align-items:center;gap:32px;display:flex}.pie-chart-wrap{flex-shrink:0;width:260px;height:260px}@media (width<=900px){.kpi-grid-8{grid-template-columns:repeat(4,1fr)}.kpi-grid-6,.kpi-grid-5{grid-template-columns:repeat(3,1fr)}.kpi-grid-4{grid-template-columns:repeat(2,1fr)}.dash-content{padding:20px 16px 32px}.dash-header{gap:10px;padding:0 16px}.dash-filter{padding:10px 16px 4px}}@media (width<=600px){.kpi-grid-8,.kpi-grid-6,.kpi-grid-5,.kpi-grid-4{grid-template-columns:repeat(2,1fr);gap:10px}.grid-2col,.grid-3col{grid-template-columns:1fr;gap:14px}.dash-content{padding:12px 10px 32px}.dash-header{align-items:center;gap:8px;min-height:auto;padding:8px 12px}.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}.dash-filter{gap:8px;padding:8px 12px 4px}.period-bar{flex-direction:column;align-items:stretch;gap:10px}.pie-section{flex-direction:column;align-items:stretch}.pie-chart-wrap{width:100%;height:200px}}