:root{--bg-base:#0f1117;--bg-surface:#161b27;--bg-hover:#1e2535;--bg-active:#1d4ed8;--border:#1e2535;--border-subtle:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-active:#fff;--skeleton-a:#1e2535;--skeleton-b:#263045;--scrollbar-track:#0f1117;--scrollbar-thumb:#334155;--scrollbar-hover:#475569}html.light{--bg-base:#f1f5f9;--bg-surface:#fff;--bg-hover:#f8fafc;--bg-active:#2563eb;--border:#e2e8f0;--border-subtle:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-active:#fff;--skeleton-a:#e2e8f0;--skeleton-b:#f1f5f9;--scrollbar-track:#f1f5f9;--scrollbar-thumb:#cbd5e1;--scrollbar-hover:#94a3b8}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-base);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;transition:background .2s,color .2s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}a{color:inherit;text-decoration:none}.filtro-ano{align-items:center;gap:.5rem;display:flex}.filtro-ano__label{color:var(--text-muted);font-size:.8rem}.filtro-ano__select{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;border-radius:6px;outline:none;padding:.3rem .75rem;font-size:.875rem;transition:background .15s,border-color .15s,color .15s}.filtro-ano__select:focus{border-color:#3b82f6}.layout{background:var(--bg-base);min-height:100vh;color:var(--text-primary);transition:background .2s,color .2s;display:flex}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border);flex-direction:column;width:220px;min-width:220px;height:100vh;padding:1.5rem 0;transition:background .2s,border-color .2s;display:flex;position:sticky;top:0}.sidebar-logo{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:0 1.25rem 1.5rem;display:flex}.sidebar-logo-icon{font-size:2rem}.sidebar-logo-title{color:var(--text-primary);font-size:1rem;font-weight:700}.sidebar-logo-sub{color:var(--text-muted);margin-top:2px;font-size:.7rem}.sidebar-nav{flex-direction:column;gap:.25rem;padding:1rem .75rem;display:flex}.sidebar-link{color:var(--text-secondary);border-radius:8px;padding:.6rem .9rem;font-size:.88rem;text-decoration:none;transition:background .15s,color .15s;display:block}.sidebar-link:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-link--active{background:var(--bg-active);color:var(--text-active);font-weight:600}.main-wrapper{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;height:56px;padding:0 1.5rem;transition:background .2s,border-color .2s;display:flex;position:sticky;top:0}.topbar-title{color:var(--text-secondary);font-size:.875rem;font-weight:500}.topbar-controls{align-items:center;gap:.75rem;display:flex}.main-content{flex:1;padding:1.5rem;overflow-y:auto}.theme-toggle{background:var(--bg-hover);border:1px solid var(--border-subtle);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;outline:none;align-items:center;gap:.4rem;padding:.25rem .6rem .25rem .4rem;transition:background .15s,border-color .15s;display:flex}.theme-toggle:hover{border-color:var(--text-muted)}.theme-toggle__track{background:var(--border-subtle);border-radius:8px;flex-shrink:0;width:28px;height:16px;transition:background .2s;position:relative}.theme-toggle--light .theme-toggle__track{background:#2563eb}.theme-toggle__thumb{background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.theme-toggle--light .theme-toggle__thumb{transform:translate(12px)}.theme-toggle__icon{font-size:.8rem;line-height:1}.theme-toggle__label{color:var(--text-muted);min-width:30px;font-size:.75rem;font-weight:500}.kpi-card{background:var(--bg-surface);border:1px solid var(--border);border-left:4px solid var(--kpi-color,#3b82f6);border-radius:12px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:transform .15s,background .2s,border-color .2s;display:flex}.kpi-card:hover{transform:translateY(-2px)}.kpi-card__icon{flex-shrink:0;font-size:2rem}.kpi-card__body{flex-direction:column;gap:.25rem;display:flex}.kpi-card__title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:600}.kpi-card__value{color:var(--text-primary);font-size:1.75rem;font-weight:700;line-height:1}.kpi-card__skeleton{background:linear-gradient(90deg, var(--skeleton-a) 25%, var(--skeleton-b) 50%, var(--skeleton-a) 75%);background-size:200% 100%;border-radius:6px;width:120px;height:28px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chart-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem 1.5rem;transition:background .2s,border-color .2s}.chart-card__title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:1rem;font-size:.875rem;font-weight:600}.chart-card__body{width:100%}.page{flex-direction:column;gap:1.25rem;display:flex}.page-title{color:var(--text-primary);margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.kpi-grid{grid-template-columns:1fr}}.chart-grid{gap:1rem;display:grid}.chart-grid--full{grid-template-columns:1fr}.chart-grid--2{grid-template-columns:repeat(2,1fr)}@media (width<=900px){.chart-grid--2{grid-template-columns:1fr}}.table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.85rem}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:.5rem .75rem;font-size:.75rem}.data-table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:.5rem .75rem}.data-table tbody tr:hover{background:var(--bg-hover)}.text-muted{color:var(--text-muted)}.text-danger{color:#f87171}.text-warning{color:#fbbf24}.badge-row{flex-wrap:wrap;gap:.75rem;display:flex}.variacao-badge{border-radius:20px;padding:.35rem .85rem;font-size:.8rem;font-weight:600}.variacao-badge--up{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.variacao-badge--down{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.compare-controls{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;display:flex}.compare-select{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-subtle);cursor:pointer;border-radius:6px;outline:none;padding:.25rem .6rem;font-size:.85rem;transition:background .15s,border-color .15s}