*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{color:#111827;background:#f5f6fa;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}:root{--surface:#fff;--surface-raised:#fff;--bg:#f5f6fa;--bg-muted:#f0f1f5;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-inverse:#fff;--brand:#0153a3;--brand-primary:#0153a3;--brand-hover:#013d7a;--brand-light:#e6f0fa;--brand-secondary:#01abd2;--brand-accent:#f59e0b;--border:#e5e7eb;--border-muted:#f0f0f0;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #0000000f, 0 1px 4px #0000000a;--shadow-sidebar:2px 0 16px #0000000a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--sidebar-w:240px;--topbar-h:64px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}.sidebar-backdrop{z-index:199;background:#0006;position:fixed;inset:0}.mobile-only{display:none}@media (width<=768px){.mobile-only{display:flex}.desktop-only{display:none!important}.topbar-root{padding:0 12px!important}.topbar-divider,.topbar-page-title{display:none!important}.topbar-company-btn{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}}.app-main{flex:1;padding:24px 28px 32px;overflow:auto}@media (width<=768px){.app-main{padding:16px 16px 24px}}.dash-hero-card{padding:28px 32px}.dash-stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.dash-bottom-grid{grid-template-columns:1fr 280px;align-items:start;gap:16px;display:grid}.dash-right-col{flex-direction:column;gap:16px;display:flex}@media (width<=1024px){.dash-bottom-grid{grid-template-columns:1fr}.dash-right-col{flex-flow:wrap}.dash-right-col>*{flex:200px}}@media (width<=768px){.dash-hero-card{padding:20px}.dash-stats-grid{grid-template-columns:repeat(2,1fr)}.dash-right-col{flex-direction:column}.dash-right-col>*{flex:none}}@media (width<=480px){.dash-stats-grid{grid-template-columns:1fr}}