@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=IBM+Plex+Sans:wght@300;400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg-page:#f2f4f7;--bg-surface:#fff;--bg-raised:#fff;--bg-sunken:#eaecf0;--bg-overlay:#090e1a73;--accent:#00897b;--accent-light:#4db6ac;--accent-dim:#00897b1a;--accent-hover:#00796b;--text-primary:#0f172a;--text-secondary:#5a6880;--text-muted:#94a3b8;--text-inverse:#f1f5f9;--border:#dde2ea;--border-strong:#c4cdd8;--border-focus:#00897b;--success:#15803d;--success-bg:#15803d14;--warning:#b45309;--warning-bg:#b4530914;--danger:#b91c1c;--danger-bg:#b91c1c14;--info:#1d4ed8;--info-bg:#1d4ed814;--sidebar-bg:#0d1b2a;--sidebar-text:#f1f5f9a6;--sidebar-active:#fff;--sidebar-hover:#ffffff0f;--sidebar-border:#ffffff14;--sidebar-accent:#2dd4bf;--shadow-xs:0 1px 2px #0f172a0d;--shadow-sm:0 2px 6px #0f172a12, 0 1px 2px #0f172a0a;--shadow-md:0 4px 16px #0f172a17, 0 2px 4px #0f172a0d;--shadow-lg:0 8px 32px #0f172a1f, 0 4px 8px #0f172a0f;--shadow-modal:0 24px 64px #0f172a2e;--sidebar-width:248px;--topbar-height:56px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:all .15s ease;--transition-base:all .25s ease;--transition-slow:all .4s ease;--chart-1:#00897b;--chart-2:#1d4ed8;--chart-3:#7c3aed;--chart-4:#b45309;--chart-5:#0e7490;--chart-6:#15803d;--chart-7:#9d174d;--chart-8:#c2410c}[data-theme=dark]{--bg-page:#090e1a;--bg-surface:#111827;--bg-raised:#1a2437;--bg-sunken:#0d1320;--bg-overlay:#000000a6;--accent:#2dd4bf;--accent-light:#5eead4;--accent-dim:#2dd4bf1f;--accent-hover:#14b8a6;--text-primary:#e9eef6;--text-secondary:#8895aa;--text-muted:#4e5e72;--text-inverse:#0f172a;--border:#1e2d42;--border-strong:#2a3d55;--border-focus:#2dd4bf;--success:#22c55e;--success-bg:#22c55e1a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--danger:#ef4444;--danger-bg:#ef44441a;--info:#60a5fa;--info-bg:#60a5fa1a;--sidebar-bg:#070c17;--sidebar-text:#e9eef68c;--sidebar-active:#fff;--sidebar-hover:#ffffff0d;--sidebar-border:#ffffff0f;--sidebar-accent:#2dd4bf;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 2px 6px #00000059, 0 1px 2px #0003;--shadow-md:0 4px 16px #0006, 0 2px 4px #00000040;--shadow-lg:0 8px 32px #00000080, 0 4px 8px #0000004d;--shadow-modal:0 24px 64px #0009;--chart-1:#2dd4bf;--chart-2:#60a5fa;--chart-3:#a78bfa;--chart-4:#fbbf24;--chart-5:#38bdf8;--chart-6:#4ade80;--chart-7:#f472b6;--chart-8:#fb923c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:14px}body{background:var(--bg-page);color:var(--text-primary);font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;transition:background .3s,color .3s}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.35;background-size:40px 40px;position:fixed;inset:0}[data-theme=dark] body:before{opacity:.18}.app-layout{z-index:1;min-height:100vh;display:flex;position:relative}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.page-body{flex:1;padding:24px}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);z-index:200;border-right:1px solid var(--sidebar-border);flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{border-bottom:1px solid var(--sidebar-border);flex-shrink:0;align-items:center;gap:10px;padding:20px 20px 18px;display:flex}.sidebar-logo-icon{background:linear-gradient(135deg, var(--sidebar-accent), #0d9488);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar-logo-text{color:#fff;letter-spacing:-.3px;font-family:Sora,sans-serif;font-size:15px;font-weight:700}.sidebar-logo-text span{color:var(--sidebar-accent)}.sidebar-section-label{letter-spacing:.8px;text-transform:uppercase;color:var(--sidebar-text);opacity:.6;padding:16px 20px 6px;font-size:10px;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:8px 12px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:0}.sidebar-nav a{color:var(--sidebar-text);border-radius:var(--radius-md);transition:var(--transition-fast);white-space:nowrap;align-items:center;gap:10px;padding:9px 12px;font-family:IBM Plex Sans,sans-serif;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-nav a:hover{color:var(--sidebar-active);background:var(--sidebar-hover)}.sidebar-nav a.router-link-active{color:var(--sidebar-active);background:#2dd4bf1f}.sidebar-nav a.router-link-active .nav-icon-wrap{color:var(--sidebar-accent)}.sidebar-nav a.router-link-active:before{content:"";background:var(--sidebar-accent);border-radius:0 var(--radius-full) var(--radius-full) 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-icon-wrap{opacity:.75;width:18px;height:18px;transition:var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-nav a:hover .nav-icon-wrap,.sidebar-nav a.router-link-active .nav-icon-wrap{opacity:1}.nav-label{flex:1}.sidebar-footer{border-top:1px solid var(--sidebar-border);flex-shrink:0;padding:12px}.sidebar-empresa-card{border:1px solid var(--sidebar-border);border-radius:var(--radius-md);background:#ffffff0d;align-items:center;gap:10px;padding:10px 12px;display:flex}.sidebar-empresa-dot{background:var(--sidebar-accent);border-radius:var(--radius-full);width:8px;height:8px;box-shadow:0 0 6px var(--sidebar-accent);flex-shrink:0}.sidebar-empresa-info{flex:1;min-width:0}.sidebar-empresa-label{text-transform:uppercase;letter-spacing:.6px;color:var(--sidebar-text);opacity:.5;font-size:10px;font-weight:600}.sidebar-empresa-id{color:var(--sidebar-active);white-space:nowrap;text-overflow:ellipsis;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;overflow:hidden}.topbar{height:var(--topbar-height);background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:100;box-shadow:var(--shadow-xs);align-items:center;gap:16px;padding:0 24px;transition:background .3s,border-color .3s;display:flex;position:sticky;top:0}.topbar-title{color:var(--text-primary);letter-spacing:-.3px;flex:1;font-family:Sora,sans-serif;font-size:16px;font-weight:600}.topbar-actions{align-items:center;gap:8px;display:flex}.topbar-empresa{background:var(--accent-dim);border-radius:var(--radius-full);color:var(--accent);border:1px solid #00897b33;align-items:center;gap:6px;padding:5px 10px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:500;display:flex}[data-theme=dark] .topbar-empresa{border-color:#2dd4bf33}.topbar-empresa-dot{background:var(--accent);border-radius:var(--radius-full);width:6px;height:6px;box-shadow:0 0 5px var(--accent)}.theme-toggle{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--bg-sunken);color:var(--accent);border-color:var(--border-focus)}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:20px;display:grid}.kpi-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-base);padding:20px;animation:.4s both cardIn;position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-1px)}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.kpi-card:first-child{animation-delay:50ms}.kpi-card:nth-child(2){animation-delay:.1s}.kpi-card:nth-child(3){animation-delay:.15s}.kpi-card:nth-child(4){animation-delay:.2s}.kpi-card:nth-child(5){animation-delay:.25s}.kpi-card:nth-child(6){animation-delay:.3s}.kpi-card:before{content:"";background:var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;transition:var(--transition-base);position:absolute;top:0;left:0;right:0}.kpi-card.status-success:before{background:var(--success)}.kpi-card.status-warning:before{background:var(--warning)}.kpi-card.status-danger:before{background:var(--danger)}.kpi-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.kpi-card-title{text-transform:uppercase;letter-spacing:.7px;color:var(--text-secondary);padding-right:4px;font-family:IBM Plex Sans,sans-serif;font-size:11px;font-weight:600;line-height:1.3}.kpi-card-value{color:var(--text-primary);letter-spacing:-1px;margin-bottom:10px;font-family:IBM Plex Mono,monospace;font-size:30px;font-weight:600;line-height:1}.kpi-card-trend{border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 8px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;display:inline-flex}.kpi-card-trend.up{background:var(--success-bg);color:var(--success)}.kpi-card-trend.down{background:var(--danger-bg);color:var(--danger)}.kpi-card-trend.stable{background:var(--bg-sunken);color:var(--text-muted)}.info-btn{border-radius:var(--radius-full);border:1.5px solid var(--border);width:22px;height:22px;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-family:IBM Plex Sans,sans-serif;font-size:10px;font-weight:700;line-height:1;display:flex}.info-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.filter-bar-wrapper{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:var(--transition-base);margin-bottom:20px;overflow:hidden}.filter-bar-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.filter-bar-toggle-left{text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.filter-bar-toggle-icon{color:var(--accent)}.filter-bar-toggle-arrow{color:var(--text-muted);font-size:12px;transition:transform .25s}.filter-bar-toggle-arrow.open{transform:rotate(180deg)}.filter-bar-body{border-top:1px solid var(--border);flex-wrap:wrap;align-items:flex-end;gap:12px;padding:16px;display:flex}.filter-presets{flex-wrap:wrap;gap:4px;width:100%;margin-bottom:4px;display:flex}.filter-preset-chip{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;padding:4px 10px;font-family:IBM Plex Sans,sans-serif;font-size:11px;font-weight:500}.filter-preset-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.filter-preset-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}[data-theme=dark] .filter-preset-chip.active{color:var(--bg-page)}.filter-group{flex-direction:column;gap:4px;min-width:150px;display:flex}.filter-group label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-family:IBM Plex Sans,sans-serif;font-size:10px;font-weight:600}.filter-group select,.filter-group input[type=date]{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);background:var(--bg-surface);transition:var(--transition-fast);appearance:none;outline:none;padding:7px 10px;font-family:IBM Plex Sans,sans-serif;font-size:13px}.filter-group select:focus,.filter-group input[type=date]:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-dim)}.filter-group select[multiple]{height:auto;min-height:36px}.filter-divider{background:var(--border);align-self:stretch;width:1px;margin:0 4px}.filter-actions{align-items:flex-end;gap:6px;margin-left:auto;display:flex}.btn{border-radius:var(--radius-md);letter-spacing:.2px;cursor:pointer;transition:var(--transition-fast);white-space:nowrap;border:none;align-items:center;gap:6px;padding:7px 16px;font-family:IBM Plex Sans,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 2px 8px #00897b4d}[data-theme=dark] .btn-primary{color:var(--bg-page)}.btn-outline{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.btn-outline:hover{border-color:var(--border-strong);color:var(--text-primary);background:var(--bg-sunken)}.charts-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px;display:grid}.chart-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-base);padding:20px;animation:.4s .1s both cardIn}.chart-card:hover{box-shadow:var(--shadow-md)}.chart-card-full{grid-column:1/-1}.chart-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.chart-card-title{color:var(--text-primary);letter-spacing:-.2px;font-family:Sora,sans-serif;font-size:13px;font-weight:600}.chart-container{width:100%;height:300px}.chart-container-sm{width:100%;height:220px}.chart-container-lg{width:100%;height:380px}.page-header{background:var(--bg-surface);border-bottom:1px solid var(--border);height:var(--topbar-height);z-index:100;box-shadow:var(--shadow-xs);justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.page-title{color:var(--text-primary);letter-spacing:-.3px;font-family:Sora,sans-serif;font-size:16px;font-weight:600}.skeleton{background:linear-gradient(90deg, var(--bg-sunken) 25%, var(--border) 50%, var(--bg-sunken) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.6s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{border-radius:var(--radius-lg);height:118px}.skeleton-chart{border-radius:var(--radius-lg);height:300px}.info-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(6px);z-index:1000;justify-content:center;align-items:center;padding:20px;animation:.2s overlayIn;display:flex;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.info-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:580px;max-height:82vh;box-shadow:var(--shadow-modal);animation:.25s cubic-bezier(.34,1.56,.64,1) modalIn;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.93)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.info-modal::-webkit-scrollbar{width:4px}.info-modal::-webkit-scrollbar-track{background:0 0}.info-modal::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.info-modal-header{border-bottom:1px solid var(--border);background:var(--bg-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:1;justify-content:space-between;align-items:center;padding:18px 20px 16px;display:flex;position:sticky;top:0}.info-modal-title{color:var(--text-primary);letter-spacing:-.3px;font-family:Sora,sans-serif;font-size:15px;font-weight:600}.info-modal-badge{background:var(--accent-dim);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.6px;color:var(--accent);border:1px solid #00897b33;align-items:center;gap:6px;margin-right:8px;padding:3px 10px;font-size:10px;font-weight:600;display:inline-flex}[data-theme=dark] .info-modal-badge{border-color:#2dd4bf33}.info-modal-close{border:1px solid var(--border);cursor:pointer;width:30px;height:30px;color:var(--text-secondary);border-radius:var(--radius-md);transition:var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.info-modal-close:hover{background:var(--bg-sunken);color:var(--text-primary);border-color:var(--border-strong)}.info-modal-body{flex-direction:column;gap:18px;padding:20px;display:flex}.info-section-label{text-transform:uppercase;letter-spacing:.7px;color:var(--accent);margin-bottom:6px;font-family:IBM Plex Sans,sans-serif;font-size:10px;font-weight:700}.info-section-text{color:var(--text-secondary);font-size:13px;line-height:1.65}.info-sql{background:var(--bg-sunken);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md);color:var(--text-primary);white-space:pre-wrap;word-break:break-word;padding:14px 16px;font-family:IBM Plex Mono,monospace;font-size:11.5px;line-height:1.65;position:relative;overflow-x:auto}.sql-keyword{color:var(--accent);font-weight:600}.sql-fn{color:var(--info)}.sql-string{color:var(--success)}.sql-comment{color:var(--text-muted);font-style:italic}.sql-param{color:var(--warning)}@media (width<=1100px){.charts-grid{grid-template-columns:1fr}.chart-card-full{grid-column:1}}@media (width<=768px){.sidebar{z-index:300;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-lg);transform:translate(0)}.main-content{margin-left:0}.kpi-grid{grid-template-columns:repeat(2,1fr)}.filter-bar-body{flex-direction:column}.filter-group{width:100%}.filter-actions{justify-content:flex-end;width:100%;margin-left:0}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr}.page-body{padding:16px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}