@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";
:root{--accent:#00d4aa;--accent-dim:#00d4aa14;--accent-hover:#00d4aa26;--on-accent:#0b0f19;--bg:#0b0f19;--surface:#111827;--surface2:#2d3a50;--border:#ffffff14;--text:#f1f5f9;--text-muted:#94a3b8;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--neutral:#64748b;--dom-prod:#3b82f6;--dom-neg:#8b5cf6;--kind-eixo:#ec4899;--kind-dom:#00d4aa;--kind-obj:#f59e0b;--kind-pe:#64748b;--kind-prod:#3b82f6;--kind-neg:#8b5cf6;--kind-inv:#10b981;--kind-kpi:#e11d48;--font-body:"DM Sans", sans-serif;--font-mono:"Space Mono", monospace;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:14px;--r-pill:999px;--t-fast:.15s;--t-med:.2s;--t-slow:.6s ease}[data-theme=light]{--accent:#00b894;--accent-dim:#00b8941a;--accent-hover:#00b8942e;--on-accent:#fff;--bg:#f1f5f9;--surface:#fff;--surface2:#e2e8f0;--border:#0f172a1a;--text:#0f172a;--text-muted:#475569}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff1f}.kicker{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:700}.page-title{font-family:var(--font-mono);color:var(--text);font-size:24px;font-weight:700;line-height:1.3}.page-desc{color:var(--text-muted);max-width:720px;font-size:14px;line-height:1.55}.section-title{font-family:var(--font-mono);color:var(--text);text-transform:uppercase;letter-spacing:.6px;align-items:center;gap:9px;font-size:12px;font-weight:700;display:flex}.section-title:before{content:"";background:var(--accent);border-radius:2px;flex:none;width:3px;height:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;gap:14px;padding:20px;display:flex}.card--compact{border-radius:var(--r-md);gap:8px;padding:12px}.btn{font-family:var(--font-body);border-radius:var(--r-md);transition:opacity var(--t-fast), border-color var(--t-fast), color var(--t-fast), background var(--t-fast);border:1px solid #0000;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--on-accent);border:none}.btn-primary:hover{opacity:.9}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:0 0}.btn-ghost:hover{color:var(--text);border-color:var(--text-muted)}.btn-accent{background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent);font-family:var(--font-mono)}.btn-sm{border-radius:var(--r-sm);padding:6px 12px;font-size:11px}.input,.textarea,.select{box-sizing:border-box;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--text);font-family:var(--font-body);transition:border-color var(--t-fast);outline:none;padding:10px 14px;font-size:14px}.input::placeholder{color:var(--text-muted)}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent)}.textarea{resize:vertical;line-height:1.5}.badge{font-family:var(--font-mono);border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface2);color:var(--text-muted);align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.pill{border-radius:var(--r-pill);padding:5px 11px}.badge--success{color:var(--success);background:#10b9811f;border-color:#0000}.badge--warning{color:var(--warning);background:#f59e0b1f;border-color:#0000}.badge--danger{color:var(--danger);background:#ef44441f;border-color:#0000}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.3px}.shell{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:space-between;width:220px;height:100vh;padding:20px 0;display:flex;position:sticky;top:0}.logo{font-family:var(--font-mono);color:var(--accent);letter-spacing:-.5px;padding:0 20px;font-size:14px;font-weight:700}.nav-header{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:16px 20px 6px;font-size:10px;font-weight:700}.nav-item{color:var(--text-muted);text-align:left;width:100%;transition:background var(--t-fast), color var(--t-fast);background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:10px;padding:9px 20px;font-size:13px;display:flex}.nav-item:hover{color:var(--text)}.nav-item.active{background:var(--accent-dim);color:var(--accent);border-left:2px solid var(--accent)}.content{flex:1;padding:32px 48px;overflow-y:auto}.bar-track{border-radius:var(--r-pill);background:var(--surface2);height:8px;overflow:hidden}.bar-fill{border-radius:var(--r-pill);background:var(--accent);height:100%;transition:width var(--t-slow)}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid var(--border);padding:10px 12px;font-size:11px;font-weight:700}.table td{border-bottom:1px solid var(--border);vertical-align:top;padding:12px}.table tr:last-child td{border-bottom:none}@media (max-width:720px){.shell{display:block}.sidebar{border-right:none;border-bottom:1px solid var(--border);width:auto;height:auto;position:static}.nav-header{display:none}.sidebar>div:first-child{-webkit-overflow-scrolling:touch;align-items:center;gap:6px;padding:0 12px 4px;display:flex;overflow-x:auto}.sidebar>div:first-child>div{gap:6px;display:flex}.nav-item{white-space:nowrap;border-radius:var(--r-pill);padding:8px 12px}.logo{font-size:10px}.sidebar>div:last-child{padding:8px 12px}.content{padding:16px 14px 40px}.page-title{font-size:20px}.table{font-size:12.5px}.card{padding:14px}}
