:root,:root[data-theme=light]{--bg: #eef2f8;--panel: #ffffff;--card: #ffffff;--card2: #f8fafc;--line: #e3e8ef;--line-strong: #cbd5e1;--ink: #0f172a;--mut: #64748b;--acc: #2563eb;--acc-ink: #ffffff;--acc-soft: rgba(37,99,235,.1);--acc-line: rgba(37,99,235,.3);--accent2: #7c3aed;--accent2-soft: rgba(124,58,237,.12);--ok: #16a34a;--warn: #d97706;--danger: #dc2626;--input-bg: #ffffff;--hover: #f1f5f9;--row-hover: rgba(37,99,235,.045);--shadow: 0 1px 2px rgba(16,24,40,.05), 0 6px 16px rgba(16,24,40,.06);--shadow-pop: 0 12px 32px rgba(16,24,40,.16);--ok-soft: rgba(22,163,74,.12);--warn-soft: rgba(217,119,6,.12);--danger-soft: rgba(220,38,38,.12);--tab-bg: #ffffff;--tab-hover: #e7edf5;--tab-ink: #64748b;--tab-on-bg: #0ea5e9;--tab-on-ink: #ffffff;--tab-sep: #cbd5e1}:root[data-theme=dark]{--bg: #081426;--panel: #0d1c34;--card: #112743;--card2: #0d1f39;--line: #22344f;--line-strong: #2c4162;--ink: #e8eef7;--mut: #93a6c2;--acc: #38bdf8;--acc-ink: #052034;--acc-soft: rgba(56,189,248,.14);--acc-line: rgba(56,189,248,.45);--accent2: #a78bfa;--accent2-soft: rgba(167,139,250,.16);--ok: #22c55e;--warn: #f59e0b;--danger: #f87171;--input-bg: #0a1a30;--hover: #15294a;--row-hover: rgba(56,189,248,.06);--shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px rgba(0,0,0,.34);--shadow-pop: 0 14px 34px rgba(0,0,0,.5);--ok-soft: rgba(34,197,94,.15);--warn-soft: rgba(245,158,11,.15);--danger-soft: rgba(248,113,113,.15);--tab-bg: #12233f;--tab-hover: #182f52;--tab-ink: #93a6c2;--tab-on-bg: #0ea5e9;--tab-on-ink: #ffffff;--tab-sep: #081426}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 system-ui,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}.app{max-width:none;margin:0 auto;padding:20px 28px}@media (max-width: 640px){.app{padding:14px}}h1{font-size:20px;margin:0;letter-spacing:-.01em}h2{font-size:15px;margin:0 0 12px;color:var(--ink);letter-spacing:-.01em}.sub{color:var(--mut);font-size:12px;margin:2px 0 0}a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}.appbar{position:sticky;top:0;z-index:30;background:var(--bg);padding-bottom:10px;box-shadow:0 8px 16px -12px #00000080}.appbar .tabs{margin-bottom:0}header.top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}header.top .title-wrap{display:flex;flex-direction:column}.brand-title{font-size:26px;font-weight:800;letter-spacing:-.01em;line-height:1.1;margin:0;color:#1e3a8a}:root[data-theme=dark] .brand-title{color:#7db6f0}@media (max-width: 640px){.brand-title{font-size:17px}}.brand-logo{height:48px;width:auto;display:block;align-self:center}.brand-logo-lg{height:62px;width:auto;display:block;margin:0 auto 14px}:root[data-theme=dark] .brand-logo,:root[data-theme=dark] .brand-logo-lg{background:#fff;border-radius:9px;padding:6px 12px;box-shadow:0 2px 10px #00000059}.tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;margin-bottom:18px}.tab{flex:1 1 0;min-width:0;position:relative;text-align:center;padding:12px 14px;margin-left:-14px;cursor:pointer;color:var(--tab-ink);background:var(--tab-bg);font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,14px 50%);filter:drop-shadow(1.5px 0 0 var(--tab-sep));transition:background-color .15s ease,color .15s ease}.tab:first-child{margin-left:0;padding-left:20px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%)}.tab:last-child{filter:none;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,14px 50%)}.tab:hover{background:var(--tab-hover);color:var(--ink)}.tab.on{background:var(--tab-on-bg);color:var(--tab-on-ink);z-index:2}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:11px 14px;margin-bottom:16px;box-shadow:var(--shadow)}.filters label{color:var(--mut);font-size:12px;font-weight:600;margin-right:4px}select{background:var(--input-bg);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font:inherit;transition:border-color .15s ease}select:focus{outline:none;border-color:var(--acc)}.chip{margin-left:auto;color:var(--mut);font-size:12px}.ms{position:relative;display:inline-block}.ms-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:var(--input-bg);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font:inherit;cursor:pointer;transition:border-color .15s ease}.ms-btn:hover{border-color:var(--acc-line)}.ms-caret{opacity:.6;font-size:11px}.ms-pop{position:absolute;z-index:40;top:calc(100% + 4px);left:0;min-width:100%;max-width:calc(100vw - 20px);max-height:280px;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:6px;box-shadow:var(--shadow-pop)}.ms-opt{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;white-space:nowrap;font-size:13px}.ms-opt:hover{background:var(--hover)}.ms-opt input{accent-color:var(--acc);cursor:pointer}.ms-div{height:1px;background:var(--line);margin:4px 2px}.ms-search{width:100%;margin-bottom:4px;background:var(--input-bg);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:6px 8px;font:inherit;font-size:13px}.grid{display:grid;gap:14px}.cols-2{grid-template-columns:1fr 1fr}.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 820px){.cols-2,.cols-4{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow);transition:background-color .2s ease,border-color .2s ease}.kpi .v{font-size:24px;font-weight:800;letter-spacing:-.02em}.kpi .l{color:var(--mut);font-size:12px;font-weight:600}.kpi .d{font-size:12px;margin-top:4px}.btn{border-radius:9px;padding:8px 14px;font:inherit;font-weight:700;cursor:pointer;border:1px solid transparent;transition:filter .15s ease,background-color .15s ease}.btn-primary{background:var(--acc);color:var(--acc-ink);border:0}.btn-primary:hover{filter:brightness(1.06)}.btn-ghost{background:transparent;color:var(--mut);border:1px solid var(--line);font-weight:600}.btn-ghost:hover{color:var(--ink);border-color:var(--acc-line);background:var(--hover)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}th{color:var(--mut);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr:hover td{background:var(--row-hover)}.bar-cell{position:relative}.bar-cell .b{position:absolute;left:0;top:0;bottom:0;background:var(--acc-soft);border-radius:4px}.bar-cell span{position:relative}.loading,.err{padding:30px;text-align:center;color:var(--mut)}.err{color:var(--danger)}.muted{color:var(--mut)}.seg{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle}footer{color:var(--mut);font-size:12px;margin-top:24px;text-align:center}.header-menu{position:absolute;z-index:40;top:calc(100% + 6px);right:0;min-width:190px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:6px;box-shadow:var(--shadow-pop)}.hm-item{display:block;width:100%;text-align:left;background:transparent;border:0;color:var(--ink);font:inherit;font-size:13px;padding:8px 10px;border-radius:7px;cursor:pointer}.hm-item:hover{background:var(--hover)}.tab-select{width:100%;font-weight:700;font-size:14px;padding:10px 12px;margin-bottom:6px;border-radius:10px;background:var(--tab-on-bg);color:var(--tab-on-ink);border:0;cursor:pointer}.tab-select:focus{outline:none}@media (max-width: 640px){.app{padding:12px}.card{padding:13px}.brand-logo{height:40px}header.top{gap:10px}.filters{padding:10px;gap:8px}th,td{padding:7px 8px}table{font-size:12.5px}.kpi .v{font-size:21px}}@media (min-width: 561px) and (max-width: 820px){.cols-4{grid-template-columns:1fr 1fr}}