:root{--bg: #F5F7FB;--surface: #FFFFFF;--card: #F2F3F5;--tint: #EAF1FE;--line: #DCE1E8;--line2: #E8ECF2;--ink: #1B2536;--ink2: #4B5563;--ink3: #6B7280;--ink4: #9AA3B2;--accent: #2F7CF6;--accent-soft: #DCE8FD;--accent-ink: #FFFFFF;--navy: #0F2A4F;--navy2: #1E4A8A;--navy3: #16365F;--green: #2E6B4A;--good: #2E7D4F;--warn: #B7791F;--crit: #B23A3A;--na: #A3ACB9;--amber-soft: #FBF1DF;--side-bg: #0F2A4F;--side-ink: #C9D6EA;--side-active: #1E4A8A;--shadow: 0 1px 2px rgba(15, 42, 79, .06), 0 2px 8px rgba(15, 42, 79, .08);--r: 4px;--f: "Lato", "Carlito", "Segoe UI", system-ui, -apple-system, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--c1: #2F7CF6;--c2: #0F2A4F;--c3: #5FA8D3;--c4: #2E6B4A;--c5: #B7791F;--c6: #8E6AC8;--c7: #C85A5A;--c8: #7A8A99}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f);font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100%}.side{background:var(--side-bg);color:var(--side-ink);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.side .brand{padding:18px 18px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.side .brand img{height:26px;display:block}.side .brand .prod{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#8fb4f8;margin-top:8px;font-weight:700}.side nav{padding:10px 8px;display:flex;flex-direction:column;gap:1px}.side .group{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#7f98bd;padding:14px 10px 6px;font-weight:700}.side a{color:var(--side-ink);padding:7px 10px;border-radius:3px;display:flex;align-items:center;gap:10px;font-size:13.5px;text-decoration:none}.side a:hover{background:#ffffff0f;color:#fff}.side a.active{background:var(--side-active);color:#fff;box-shadow:inset 3px 0 0 var(--accent)}.side a .ic{width:16px;text-align:center;opacity:.85;font-size:13px}.side .foot{margin-top:auto;padding:14px 18px;font-size:11px;color:#7f98bd;border-top:1px solid rgba(255,255,255,.08)}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:10px 24px}.topbar .co select{font-weight:700;font-size:15px;border:0;background:transparent;color:var(--ink);padding:4px 2px;cursor:pointer}.topbar .spacer{flex:1}.topbar .search{position:relative}.topbar .search input{width:280px;padding:7px 10px 7px 30px;border:1px solid var(--line);border-radius:3px;background:var(--bg)}.topbar .search:before{content:"⌕";position:absolute;left:10px;top:5px;color:var(--ink3);font-size:15px}.searchres{position:absolute;top:36px;left:0;width:420px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:4px;z-index:40;max-height:420px;overflow:auto}.searchres .h{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);padding:8px 12px 4px;font-weight:700}.searchres a{display:flex;justify-content:space-between;padding:6px 12px;color:var(--ink)}.searchres a:hover{background:var(--tint);text-decoration:none}.user{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink2)}.user .av{width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px}.content{padding:22px 24px 40px;max-width:1480px;width:100%}.eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}.eyebrow:before{content:"";width:10px;height:10px;background:var(--accent)}h1{font-size:26px;font-weight:900;margin:6px 0 2px;letter-spacing:-.2px;line-height:1.2}h1+.rule,.rule{width:56px;height:4px;background:var(--accent);margin:10px 0;border-radius:1px}.lede{color:var(--ink3);font-size:14.5px;margin:0 0 18px;max-width:110ch}h2{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);margin:0 0 10px;display:flex;align-items:center;gap:8px}h2:before{content:"";width:8px;height:8px;background:var(--accent)}h3{font-size:15px;margin:0 0 6px;font-weight:900}.muted{color:var(--ink3)}.small{font-size:12px}.mono{font-family:var(--mono);font-size:12px}.num{font-variant-numeric:tabular-nums}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr))}.grid3{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.g2-1{display:grid;gap:16px;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}@media (max-width: 1100px){.g2-1,.shell{grid-template-columns:1fr}.side{position:static;height:auto}}.section{margin-top:22px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:var(--shadow);min-width:0}.card.bar{border-left:5px solid var(--accent)}.card.navy{border-left:5px solid var(--navy)}.card.green{border-left:5px solid var(--green)}.card .hd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:18px}.kpi{background:var(--tint);border-left:5px solid var(--accent);padding:13px 15px;box-shadow:var(--shadow);min-width:0}.kpi.hl{background:var(--navy);border-left-color:var(--accent)}.kpi.hl .k,.kpi.hl .s{color:#c9d6ea}.kpi.hl .v{color:#fff}.kpi .k{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);font-weight:700}.kpi .v{font-size:26px;font-weight:900;line-height:1.15;margin-top:4px;font-variant-numeric:tabular-nums}.kpi .s{font-size:12px;color:var(--ink2);margin-top:3px}select,input[type=text],input[type=search],input[type=number],input[type=date],textarea{font:inherit;font-size:13px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:6px 8px;min-width:0}textarea{width:100%;min-height:70px}.btn{font-weight:700;font-size:12.5px;border:1px solid var(--accent);color:var(--accent);background:var(--surface);border-radius:3px;padding:6px 12px;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--accent-soft)}.btn.solid{background:var(--accent);color:#fff}.btn.solid:hover{background:#1f6ae0}.btn.navy{background:var(--navy);border-color:var(--navy);color:#fff}.btn.ghost{border-color:transparent;background:transparent}.btn.danger{border-color:var(--crit);color:var(--crit)}.btn:disabled{opacity:.5;cursor:not-allowed}.seg{display:inline-flex;border:1px solid var(--line);border-radius:3px;overflow:hidden}.seg button{border:0;background:var(--surface);color:var(--ink2);padding:6px 11px;cursor:pointer;font-size:12.5px}.seg button.on{background:var(--navy);color:#fff}.fld{display:flex;flex-direction:column;gap:3px;min-width:0}.fld>label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);font-weight:700}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin-bottom:16px}.filters .chip{display:inline-flex;align-items:center;gap:6px;background:var(--tint);color:var(--navy);border-radius:12px;padding:2px 4px 2px 10px;font-size:12px}.filters .chip button{border:0;background:transparent;cursor:pointer;color:var(--ink3)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto}.tabs button{border:0;background:transparent;padding:9px 14px;font-weight:700;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap}.tabs button.on{color:var(--ink);border-bottom-color:var(--accent)}.tbl{overflow:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}.tbl.max{max-height:560px}table{border-collapse:collapse;width:100%;font-size:12.8px}th,td{padding:7px 10px;border-bottom:1px solid var(--line2);text-align:left;vertical-align:top}th{position:sticky;top:0;background:var(--navy);color:#fff;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;white-space:nowrap;z-index:1;cursor:default}th.sort{cursor:pointer}th.sort:hover{background:var(--navy2)}td.n,th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tr.click{cursor:pointer}tr.click:hover td{background:var(--tint)}tr.sel td{background:var(--accent-soft)}tr.tot td{font-weight:900;background:var(--tint)}.card table th{background:var(--card);color:var(--ink3)}.pill{display:inline-block;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:2px;background:var(--card);color:var(--ink2);white-space:nowrap}.pill.good{background:#e1f1e7;color:var(--good)}.pill.warn{background:#fbefd9;color:var(--warn)}.pill.crit{background:#f7e1e1;color:var(--crit)}.pill.acc{background:var(--accent-soft);color:#1f5fc4}.pill.navy{background:var(--navy);color:#fff}.bar-cell{position:relative}.bar-cell .b{position:absolute;left:0;top:4px;bottom:4px;background:var(--accent-soft);z-index:0;border-radius:1px}.bar-cell span{position:relative;z-index:1}.crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-weight:900;font-size:17px;margin-bottom:10px}.crumbs a{cursor:pointer}.crumbs .sep{color:var(--ink4)}.pager{display:flex;gap:8px;align-items:center;justify-content:flex-end;padding:8px 0;font-size:12.5px;color:var(--ink3)}.note{font-size:12.8px;color:var(--ink2);border-left:5px solid var(--accent);background:var(--tint);padding:10px 12px;margin:12px 0}.note.warn{border-left-color:var(--warn);background:var(--amber-soft)}.empty{padding:40px;text-align:center;color:var(--ink3)}.loading{padding:50px;text-align:center;color:var(--ink3)}.err{padding:14px;color:var(--crit);background:#f7e1e1;border-radius:3px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f2a4f47;z-index:50}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(760px,96vw);background:var(--surface);z-index:51;box-shadow:-8px 0 24px #00000026;display:flex;flex-direction:column}.drawer .dh{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.drawer .db{padding:16px 20px;overflow:auto;flex:1}.kv{display:grid;grid-template-columns:190px minmax(0,1fr);gap:4px 12px;font-size:13px}.kv>div:nth-child(odd){color:var(--ink3)}pre.json{background:var(--card);padding:10px;border-radius:3px;font-size:11.5px;overflow:auto;max-height:300px}.ai-btn{background:var(--navy);color:#fff;border:0;border-radius:3px;padding:7px 12px;font-weight:700;cursor:pointer;font-size:12.5px}.chat .q{background:var(--tint);padding:8px 12px;border-radius:3px;margin:12px 0 6px;font-weight:700}.chat .a{padding:6px 2px}.badge-new{background:var(--accent);color:#fff;font-size:9px;padding:1px 5px;border-radius:2px;letter-spacing:.06em;margin-left:auto}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--ink2)}.legend i{display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:1px;vertical-align:-1px}.stepper{display:flex;gap:0;margin-bottom:16px}.stepper div{flex:1;padding:8px 12px;background:var(--card);font-size:12px;font-weight:700;color:var(--ink3);border-right:2px solid var(--bg)}.stepper div.on{background:var(--navy);color:#fff}.stepper div.done{background:var(--accent-soft);color:var(--navy)}.funnel{display:flex;gap:6px}.funnel>div{flex:1;background:var(--tint);padding:10px;border-top:4px solid var(--accent)}.funnel .k{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);font-weight:700}.funnel .v{font-size:20px;font-weight:900}td .mono,.mono{white-space:nowrap}