:root{--font:"Nunito Sans", system-ui, sans-serif;--bg:#f9fafb;--card:#fff;--ink:#1e2235;--ink-2:#374151;--muted:#7a8099;--line:#e7e9f2;--line-2:#e5e5e5;--thead:#fafafa;--brand:#e5197d;--brand-dark:#9c1155;--brand-deep:#400723;--brand-300:#ec509d;--brand-200:#f6b1d3;--brand-100:#fdedf5;--indigo:#4338ca;--indigo-bg:#eef2ff;--cyan:#00a2c8;--green:#10b981;--green-bg:#ecfdf5;--green-ink:#047857;--amber:#f59e0b;--amber-bg:#fffbeb;--amber-ink:#b45309;--red:#ef4444;--red-bg:#fef0f0;--red-ink:#dc2626;--radius:12px;--shadow:0 1px 2px 0 #0000000d;--shadow-pop:0 10px 30px #1e22352e}*{box-sizing:border-box;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--ink-2);font-size:14px}button,input,select,textarea{font-family:inherit}.appbar{background:var(--card);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;padding:12px 28px;display:flex}.appbar .logo{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);color:#fff;letter-spacing:-.5px;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:flex}.appbar h1{color:var(--ink);font-size:16px;font-weight:800}.appbar .sub{color:var(--muted);font-size:11.5px}.appbar .spacer{flex:1}.tabs{border:1px solid var(--line);background:#f0f1f7;border-radius:10px;gap:2px;padding:3px;display:flex}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 16px;font-size:13px;font-weight:700}.tabs button.active{background:var(--card);color:var(--brand);box-shadow:var(--shadow)}main{max-width:1240px;margin:0 auto;padding:22px 28px 80px}.btn{border:1px solid var(--line);background:var(--card);color:var(--ink-2);cursor:pointer;white-space:nowrap;border-radius:9px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.btn:hover{background:#fafbfd;border-color:#d6dae6}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}.btn.small{border-radius:7px;padding:3px 10px;font-size:11.5px}.btn.in{background:var(--green-bg);color:var(--green-ink);border-color:#bbe7d4}.btn.out{background:var(--red-bg);color:var(--red-ink);border-color:#f3c6c2}.btn.danger{color:var(--red-ink)}.card{background:var(--card);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow)}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:14px;margin-bottom:16px;display:grid}.chart-grid{grid-template-columns:repeat(12,1fr);gap:14px;display:grid}.chart-card{padding:16px 18px}.chart-card h3{color:var(--ink);font-size:13px;font-weight:800}.chart-card .chart-sub{color:var(--muted);margin-top:1px;margin-bottom:12px;font-size:11.5px}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}@media (width<=980px){.span-4,.span-5,.span-6,.span-7,.span-8{grid-column:span 12}}.kpi{border-left:3px solid var(--brand);padding:14px 16px}.kpi .kpi-label{letter-spacing:.8px;text-transform:uppercase;color:var(--muted);font-size:10.5px;font-weight:800}.kpi .kpi-value{color:var(--ink);font-variant-numeric:tabular-nums;margin-top:2px;font-size:26px;font-weight:800}.kpi .kpi-foot{color:var(--muted);margin-top:2px;font-size:11.5px}.kpi .kpi-foot.up{color:var(--green-ink);font-weight:700}.kpi .kpi-foot.down{color:var(--red-ink);font-weight:700}.kpi.warn{border-left-color:var(--amber)}.kpi.bad{border-left-color:var(--red)}.kpi.indigo{border-left-color:var(--indigo)}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.toolbar .spacer{flex:1}.input,.select{border:1px solid var(--line);background:var(--card);color:var(--ink-2);border-radius:9px;padding:7px 11px;font-size:13px}.input:focus,.select:focus{outline:2px solid var(--brand-200);border-color:var(--brand-300)}.input.search{min-width:250px}.chip{border:1px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer;border-radius:999px;padding:4px 13px;font-size:12px;font-weight:700}.chip.on{background:var(--brand-100);border-color:var(--brand-200);color:var(--brand-dark)}.tblwrap{overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:12.5px}table.data th{background:var(--thead);text-align:left;text-transform:uppercase;letter-spacing:.6px;color:#737373;border-bottom:1px solid var(--line);white-space:nowrap;padding:9px 14px;font-size:10.5px;font-weight:700;position:sticky;top:0}table.data td{vertical-align:middle;color:var(--ink-2);border-bottom:1px solid #f0f1f7;padding:8px 14px}table.data tr:last-child td{border-bottom:none}table.data tbody tr:hover{background:#fafbfd}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.rowbtns{justify-content:flex-end;gap:6px;display:flex}tr.anulado td{opacity:.45;text-decoration:line-through}tr.anulado td:last-child{text-decoration:none}.empty-state{text-align:center;color:var(--muted);padding:28px;font-size:13px}.pill{border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block}.pill.area{color:#4b5470;background:#f0f1f7}.pill.ok{background:var(--green-bg);color:var(--green-ink)}.pill.low{background:var(--amber-bg);color:var(--amber-ink)}.pill.zero{background:var(--red-bg);color:var(--red-ink)}.pill.entrada{background:var(--green-bg);color:var(--green-ink)}.pill.salida{background:var(--red-bg);color:var(--red-ink)}.pill.ajuste{background:var(--indigo-bg);color:var(--indigo)}.overlay{z-index:50;background:#1e223573;justify-content:center;align-items:flex-start;padding:6vh 16px;display:flex;position:fixed;inset:0}.modal{background:var(--card);width:100%;max-width:460px;box-shadow:var(--shadow-pop);border-radius:14px;max-height:86vh;padding:22px 24px;overflow:auto}.modal h2{color:var(--ink);margin-bottom:16px;font-size:15px;font-weight:800}.field{margin-bottom:12px}.field label{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:5px;font-size:11px;font-weight:800;display:block}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink-2);border-radius:9px;padding:8px 11px;font-size:13.5px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--brand-200);border-color:var(--brand-300)}.field textarea{resize:vertical;min-height:54px}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=560px){.grid2{grid-template-columns:1fr}}.modal .actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.seg{border:1px solid var(--line);border-radius:9px;display:flex;overflow:hidden}.seg button{background:var(--card);cursor:pointer;color:var(--muted);border:none;flex:1;padding:8px;font-size:12.5px;font-weight:700}.seg button.on-entrada{background:var(--green-bg);color:var(--green-ink)}.seg button.on-salida{background:var(--red-bg);color:var(--red-ink)}.seg button.on-ajuste{background:var(--indigo-bg);color:var(--indigo)}.hint{color:var(--muted);margin-top:4px;font-size:11.5px}.err{color:var(--red-ink);margin-top:8px;font-size:12px;font-weight:700}.toast{background:var(--ink);color:#fff;z-index:99;box-shadow:var(--shadow-pop);border-radius:10px;padding:10px 20px;font-size:13px;font-weight:600;animation:.2s ease-out toast-in;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.chart-tip{pointer-events:none;z-index:80;background:var(--ink);color:#fff;box-shadow:var(--shadow-pop);white-space:nowrap;border-radius:8px;padding:7px 11px;font-size:12px;position:fixed;transform:translate(-50%,calc(-100% - 10px))}.chart-tip .tip-title{margin-bottom:2px;font-weight:800}.chart-tip .tip-row{align-items:center;gap:6px;display:flex}.chart-tip .dot{border-radius:50%;width:8px;height:8px;display:inline-block}.legend{flex-wrap:wrap;gap:14px;margin-top:10px;display:flex}.legend .lg-item{color:var(--muted);align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:flex}.legend .dot{border-radius:50%;width:9px;height:9px}.hbar-row{grid-template-columns:18px minmax(120px,200px) 1fr 110px;align-items:center;gap:10px;padding:5px 0;font-size:12.5px;display:grid}.hbar-row .rank{color:var(--muted);font-size:11px;font-weight:800}.hbar-row .name{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.hbar-row .track{background:#f0f1f7;border-radius:5px;height:18px;position:relative}.hbar-row .fill{background:var(--brand);border-radius:5px 4px 4px 5px;min-width:2px;position:absolute;inset:0 auto 0 0}.hbar-row .val{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink);font-weight:800}.hbar-row .val .pct{color:var(--muted);margin-left:6px;font-size:11px;font-weight:600}