:root{--navy:#1F3A5F;--blue:#2F80ED;--bg:#F5F7FA;--text:#4A5568;--green:#198754;--red:#DC3545;--orange:#F59E0B}
body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.app-shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:#fff;padding:20px 16px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}.brand small{display:block;color:#cbd5e1}.brand-mark{display:inline-grid;place-items:center;background:var(--blue);color:#fff;border-radius:8px;width:48px;height:48px;font-weight:800}.nav-link{color:#e5edf8;border-radius:8px;padding:10px 12px;margin:2px 0}.nav-link:hover{background:rgba(255,255,255,.12);color:#fff}.main{padding:24px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.topbar h1{font-size:28px;color:var(--navy);margin:2px 0 0}.user-chip{display:flex;gap:10px;align-items:center}.panel,.kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:18px;box-shadow:0 10px 24px rgba(31,58,95,.06)}.panel h2{font-size:18px;color:var(--navy);margin-bottom:14px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.kpi-card span{display:block;font-size:13px;color:#64748b}.kpi-card strong{display:block;font-size:22px;color:var(--navy);margin-top:6px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.span-2{grid-column:span 2}.btn-primary{background:var(--blue);border-color:var(--blue)}.state{background:var(--navy)}.legal-note{font-size:12px;color:#64748b}.auth-body{min-height:100vh;background:linear-gradient(135deg,#1F3A5F,#2F80ED);display:grid;place-items:center}.auth-card{width:min(440px,92vw)}.auth-panel{background:#fff;border-radius:8px;padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.18)}.auth-panel h1{font-size:24px;color:var(--navy);margin-top:18px}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.main{padding:16px}.kpi-grid,.grid-2,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.topbar{align-items:flex-start;gap:12px;flex-direction:column}.toolbar{align-items:stretch;flex-direction:column}}
.chart-panel{min-height:360px}
.chart-box{position:relative;width:100%;height:290px;min-height:290px;max-height:290px;overflow:hidden}
.chart-box canvas{display:block;width:100%!important;height:100%!important}
@media(max-width:980px){.chart-panel{min-height:330px}.chart-box{height:260px;min-height:260px;max-height:260px}}