*,:before,:after{box-sizing:border-box}body{color:#0d1a2e;-webkit-font-smoothing:antialiased;background:#eef3f9;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:#b8cfe8 #eef3f9}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#eef3f9}::-webkit-scrollbar-thumb{background:#b8cfe8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#1a6fcf88}.dash-header{z-index:100;background:#0d1a2e;border-bottom:1px solid #1a2f4a;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 #00000030}.dash-spacer{flex:1}.dash-tabs{flex-wrap:wrap;gap:4px;display:flex}.dash-filter{flex-wrap:wrap;align-items:center;gap:8px;padding:14px 32px 4px;display:flex}.dash-content{max-width:1440px;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: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-8>*,.kpi-grid-6>*,.kpi-grid-5>*,.kpi-grid-4>*,.kpi-grid-3>*,.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}.section-title{letter-spacing:1.2px;text-transform:uppercase;color:#6b90b0;margin:0 0 12px;font-size:11px;font-weight:700}@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,.kpi-grid-3{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,.kpi-grid-3{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}}