*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}body{color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f0f4f8;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}#root{min-height:100vh}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.card{background:#fff;border:1px solid #e8edf2;border-radius:16px;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000008}.card-hover{transition:box-shadow .15s,transform .15s}.card-hover:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000014}.badge{letter-spacing:.02em;border-radius:99px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{color:#16a34a;background:#dcfce7}.badge-red{color:#dc2626;background:#fee2e2}.badge-amber{color:#d97706;background:#fef3c7}.badge-blue{color:#2563eb;background:#dbeafe}.badge-purple{color:#7c3aed;background:#ede9fe}.badge-slate{color:#64748b;background:#f1f5f9}.grid-kpi{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.grid-charts,.grid-2col{grid-template-columns:1fr;gap:16px;display:grid}.grid-3col{grid-template-columns:1fr;gap:12px;display:grid}.chart-area{grid-column:1}@media (width>=768px){.chart-area{grid-column:1}.grid-kpi{grid-template-columns:repeat(4,1fr);gap:14px}.grid-charts{grid-template-columns:2fr 1fr}.grid-2col{grid-template-columns:1fr 1fr}.grid-3col{grid-template-columns:repeat(3,1fr)}.hide-mobile{display:inline}}@media (width<=767px){.hide-mobile{display:none!important}.page-title{font-size:18px!important}.stat-value{font-size:20px!important}.kpi-value{font-size:18px!important}}.page-header{margin-bottom:24px}.page-title{color:#0f172a;letter-spacing:-.3px;font-size:22px;font-weight:700}.page-subtitle{color:#64748b;margin-top:2px;font-size:13px}.stat-value{letter-spacing:-.5px;color:#0f172a;font-size:26px;font-weight:700;line-height:1.2}.stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s ease-in-out infinite pulse}