:root{--plane:#f9f9f7;--surface:#fcfcfb;--ink:#0b0b0b;--ink2:#52514e;--muted:#898781;--grid:#e1e0d9;--axis:#c3c2b7;--border:hsla(0,0%,4%,.1);--s1:#2a78d6;--s1soft:#cde2fb;--good:#006300;--bad:#d03b3b;--avis:#d4002a}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--plane);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.45}.wrap{max-width:1180px;margin:0 auto;padding:22px}header.top{justify-content:space-between;gap:16px;flex-wrap:wrap}.brand,header.top{display:flex;align-items:center}.brand{gap:12px}.brand .dot{width:10px;height:30px;background:var(--avis);border-radius:3px}h1{font-size:21px;margin:0;font-weight:700}.sub{margin-top:2px}.btn,.sub{color:var(--ink2);font-size:12.5px}.btn{border:1px solid var(--border);background:var(--surface);padding:6px 12px;border-radius:8px;cursor:pointer}.kpis{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px;margin:16px 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:15px}.kpi .lbl{color:var(--ink2);font-size:12px}.kpi .val{font-size:24px;font-weight:700;margin:5px 0 0;letter-spacing:-.3px}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-bottom:14px}.card h2{font-size:14px;margin:0 0 2px;font-weight:600}.card .h-sub{color:var(--muted);font-size:11.5px;margin-bottom:10px}svg{width:100%;height:auto;display:block;overflow:visible}.axis-txt{fill:var(--muted);font-size:11px}.bar-lbl{fill:var(--ink2);font-size:11px;font-weight:600}.muted{color:var(--muted)}.err{background:#fff4f4;border:1px solid #f3caca;color:#9c0006;border-radius:8px;padding:10px 12px;font-size:12.5px;margin-bottom:12px}.center{min-height:60vh;display:flex;align-items:center;justify-content:center;color:var(--ink2)}.ok-note{background:#f1f8f1;border:1px solid #c8e2c8;color:#1d6b1d;border-radius:8px;padding:10px 12px;font-size:12.5px;margin-bottom:12px}.field{width:100%;border:1px solid var(--border);background:var(--plane);color:var(--ink);padding:8px 10px;border-radius:8px;font-size:13px;font-family:inherit}.field-lbl{font-size:12.5px;font-weight:600;color:var(--ink2);margin-bottom:5px}.field-hint{font-size:11.5px;color:var(--muted);margin-top:5px}.field-row{display:flex;align-items:center;gap:9px;font-size:13.5px;cursor:pointer}.btn-primary{background:var(--avis);border-color:var(--avis);color:#fff;font-weight:600}.btn:disabled{opacity:.55;cursor:default}.pickable{cursor:pointer}.pickable:hover .bar{fill:var(--avis)}.pickable:hover .pt{stroke:var(--avis)}.pickable:hover .axis-txt{fill:var(--ink);font-weight:600}.overlay{position:fixed;inset:0;background:hsla(0,0%,4%,.45);display:flex;align-items:flex-start;justify-content:center;padding:34px 16px;z-index:50;overflow-y:auto}.modal{background:var(--plane);border:1px solid var(--border);border-radius:14px;padding:18px;max-width:1040px;width:100%;box-shadow:0 18px 50px rgba(0,0,0,.25)}.modal-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media(max-width:860px){.modal-grid{grid-template-columns:1fr}}.chips{display:flex;align-items:center;gap:8px;margin:0 0 12px;flex-wrap:wrap}.chip{border:1px solid var(--avis);background:#fff4f4;color:var(--avis);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer}.tbl-wrap{overflow-x:auto;max-height:420px;overflow-y:auto;border:1px solid var(--border);border-radius:8px}.tbl{width:100%;border-collapse:collapse;font-size:12.5px}.tbl th{position:-webkit-sticky;position:sticky;top:0;background:var(--surface);text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);color:var(--ink2);font-weight:600}.tbl td,.tbl th{white-space:nowrap}.tbl td{padding:7px 10px;border-bottom:1px solid var(--grid)}.tbl tbody tr:hover{background:var(--s1soft)}.modal-head{justify-content:space-between;margin-bottom:12px}.filters,.modal-head{display:flex;align-items:center}.filters{gap:12px;margin:14px 0 2px;flex-wrap:wrap}.pills{display:flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:var(--surface)}.pill{border:none;background:transparent;color:var(--ink2);padding:6px 16px;font-size:12.5px;cursor:pointer}.pill.active{background:var(--s1);color:#fff;font-weight:600}.kpi .delta{font-size:11.5px;margin-top:4px;font-weight:600}.kpi .delta.up{color:var(--good)}.kpi .delta.down{color:var(--bad)}@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:700px){.kpis{grid-template-columns:repeat(2,1fr)!important}}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--plane) 0,#f0eeea 60%,#ece9e4 100%)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:34px 32px;width:100%;max-width:380px;box-shadow:0 16px 44px hsla(0,0%,4%,.1)}.login-brand{display:flex;align-items:center;gap:12px}.login-brand .dot{width:10px;height:34px;background:var(--avis);border-radius:3px}.login-title{font-size:18px;font-weight:700}.login-btn{width:100%;margin-top:20px;padding:10px 12px;font-size:13.5px}.legend{display:flex;gap:16px;font-size:12px;color:var(--ink2);margin-top:8px;justify-content:center}.legend .sw{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}.linkrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.linkrow .lbl{font-size:12.5px;color:var(--ink2)}.kpi-click{cursor:pointer;transition:border-color .12s,box-shadow .12s}.kpi-click:hover{border-color:var(--avis);box-shadow:0 2px 10px rgba(212,0,42,.1)}@media(max-width:900px){.kpis{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}