:root{--bg: #eceef6;--panel: #ffffff;--panel-2: #f5f6fb;--line: #e1e4f0;--line-2: #cfd3e5;--ink: #181a2c;--ink-2: #4d5170;--ink-3: #6a6f8c;--brand: #4f4fe6;--brand-hover: #4040d4;--brand-soft: #e9e9fd;--on-brand: #ffffff;--heat-rgb: 79, 79, 230;--ok: #0e9a66;--ok-soft: #d8f3e7;--warn: #b86e00;--warn-soft: #fcecd0;--bad: #d93b36;--bad-soft: #fbe1e0;--info: #0b84b5;--info-soft: #d8eef9;--c-1: #4f4fe6;--c-2: #129c9c;--c-3: #e0822a;--c-4: #d24a78;--c-5: #8a8fb0;--c-6: #6b9e2f;--font: "Almarai", system-ui, "Segoe UI", Tahoma, sans-serif;--font-display: "Alexandria", "Almarai", system-ui, sans-serif;--mono: ui-monospace, "Cascadia Mono", Consolas, monospace;--r-sm: 8px;--r: 12px;--r-lg: 18px;--r-full: 999px;--sh-1: 0 1px 2px rgba(24, 26, 60, .05);--sh-2: 0 10px 30px -12px rgba(24, 26, 60, .25);--sidebar: 232px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #10111c;--panel: #181a29;--panel-2: #1d2032;--line: #272a40;--line-2: #363a56;--ink: #e8e9f5;--ink-2: #b4b7d2;--ink-3: #979bbb;--brand: #8d8ff7;--brand-hover: #a0a2f9;--brand-soft: rgba(141, 143, 247, .14);--on-brand: #10111c;--heat-rgb: 141, 143, 247;--ok: #34d399;--ok-soft: rgba(52, 211, 153, .14);--warn: #fbbf24;--warn-soft: rgba(251, 191, 36, .14);--bad: #f87171;--bad-soft: rgba(248, 113, 113, .14);--info: #38bdf8;--info-soft: rgba(56, 189, 248, .14);--c-1: #8d8ff7;--c-2: #3cc8c8;--c-3: #f2a35a;--c-4: #ee7aa1;--c-5: #6f7393;--c-6: #9ccf5c;--sh-1: 0 1px 2px rgba(0, 0, 0, .4);--sh-2: 0 10px 30px -12px rgba(0, 0, 0, .6);color-scheme:dark}}:root[data-theme=dark]{--bg: #10111c;--panel: #181a29;--panel-2: #1d2032;--line: #272a40;--line-2: #363a56;--ink: #e8e9f5;--ink-2: #b4b7d2;--ink-3: #979bbb;--brand: #8d8ff7;--brand-hover: #a0a2f9;--brand-soft: rgba(141, 143, 247, .14);--on-brand: #10111c;--heat-rgb: 141, 143, 247;--ok: #34d399;--ok-soft: rgba(52, 211, 153, .14);--warn: #fbbf24;--warn-soft: rgba(251, 191, 36, .14);--bad: #f87171;--bad-soft: rgba(248, 113, 113, .14);--info: #38bdf8;--info-soft: rgba(56, 189, 248, .14);--c-1: #8d8ff7;--c-2: #3cc8c8;--c-3: #f2a35a;--c-4: #ee7aa1;--c-5: #6f7393;--c-6: #9ccf5c;--sh-1: 0 1px 2px rgba(0, 0, 0, .4);--sh-2: 0 10px 30px -12px rgba(0, 0, 0, .6);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:14px;line-height:1.6;color:var(--ink);background:var(--bg);min-height:100vh;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}input,select,textarea{font:inherit;color:inherit}a{color:var(--brand);text-decoration:none}svg{display:block;flex:none}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.3;text-wrap:balance}.num{font-feature-settings:"tnum" 1,"lnum" 1;unicode-bidi:plaintext}.muted{color:var(--ink-3)}.grow{flex:1;min-width:0}.row{display:flex;align-items:center;gap:10px}.wrap{flex-wrap:wrap}.stack{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.clip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh}.sidebar{background:var(--panel);border-inline-end:1px solid var(--line);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:40}.brand{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line)}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--brand);color:var(--on-brand);display:grid;place-items:center}.brand-name{font-family:var(--font-display);font-weight:800;font-size:19px;line-height:1.1}.brand-tag{font-size:11px;color:var(--ink-3)}.nav{flex:1;overflow-y:auto;padding:10px}.nav-group{font-size:11px;font-weight:700;color:var(--ink-3);padding:14px 12px 6px}.nav a{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--r-sm);color:var(--ink-2);font-weight:700;margin-bottom:1px}.nav a:hover{background:var(--panel-2);color:var(--ink)}.nav a.active{background:var(--brand-soft);color:var(--brand)}.nav .count{margin-inline-start:auto;font-size:11px;background:var(--panel-2);color:var(--ink-3);padding:1px 8px;border-radius:var(--r-full)}.nav a.active .count{background:var(--brand);color:var(--on-brand)}.side-foot{border-top:1px solid var(--line);padding:10px;display:grid;gap:8px}.ws-switch{display:grid;gap:6px;padding:0 4px}.userchip{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border-radius:var(--r);text-align:start}.userchip:hover{background:var(--panel-2)}.avatar{width:32px;height:32px;border-radius:10px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-family:var(--font-display);font-weight:700}.main{min-width:0;display:flex;flex-direction:column}.topbar{height:60px;display:flex;align-items:center;gap:12px;padding:0 22px;position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--panel) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar h1{font-size:18px}.burger{display:none}.content{padding:22px;max-width:1440px;width:100%;margin-inline:auto;flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 15px;border-radius:var(--r-sm);font-weight:700;font-size:13px;white-space:nowrap;border:1.5px solid transparent;transition:background .12s,border-color .12s,transform .08s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;pointer-events:none}.btn svg{width:16px;height:16px}.btn-primary{background:var(--brand);color:var(--on-brand)}.btn-primary:hover{background:var(--brand-hover)}.btn-default{background:var(--panel);border-color:var(--line-2);color:var(--ink-2)}.btn-default:hover{border-color:var(--brand);color:var(--brand)}.btn-ghost{color:var(--ink-2)}.btn-ghost:hover{background:var(--panel-2);color:var(--ink)}.btn-danger{background:var(--bad);color:#fff}.btn-sm{padding:5px 10px;font-size:12px}.iconbtn{width:34px;height:34px;border-radius:var(--r-sm);display:grid;place-items:center;border:1px solid var(--line);background:var(--panel);color:var(--ink-2)}.iconbtn:hover{background:var(--panel-2);color:var(--ink)}.iconbtn svg{width:17px;height:17px}.field{display:grid;gap:5px}.field>label,.label{font-size:12px;font-weight:700;color:var(--ink-2)}.inp,.sel{width:100%;padding:8px 12px;background:var(--panel-2);border:1.5px solid var(--line);border-radius:var(--r-sm);min-height:36px}.sel{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-inline-end:12px;padding-inline-start:34px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888ca8' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;background-size:12px}.inp:hover,.sel:hover{border-color:var(--line-2)}.inp:focus,.sel:focus{outline:none;border-color:var(--brand);background:var(--panel);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent)}.hint{font-size:12px;color:var(--ink-3)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px;min-width:0}.card>h3,.card-head h3{font-size:13px;color:var(--ink-3);font-weight:700;font-family:var(--font)}.card-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.card-flush{padding:0;overflow:hidden}.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.s3{grid-column:span 3}.s4{grid-column:span 4}.s5{grid-column:span 5}.s6{grid-column:span 6}.s7{grid-column:span 7}.s8{grid-column:span 8}.s12{grid-column:span 12}.kpi-value{font-family:var(--font-display);font-size:30px;font-weight:800;line-height:1.1}.kpi-row{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:6px}.hero{background:var(--brand);color:var(--on-brand);border-color:transparent}.hero>h3,.hero .card-head h3{color:inherit;opacity:.85}.delta{direction:ltr;unicode-bidi:isolate;font-size:12px;font-weight:800;padding:1px 8px;border-radius:6px;background:var(--brand-soft);color:var(--brand)}.delta.up{background:var(--ok-soft);color:var(--ok)}.delta.down{background:var(--bad-soft);color:var(--bad)}.hero .delta{background:#ffffff38;color:inherit}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:var(--r-full);background:var(--panel-2);color:var(--ink-2);white-space:nowrap}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.badge.info{background:var(--info-soft);color:var(--info)}.badge.brand{background:var(--brand-soft);color:var(--brand)}.seg{display:inline-flex;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-sm);padding:3px}.seg button{padding:4px 12px;border-radius:6px;font-size:12.5px;font-weight:700;color:var(--ink-3)}.seg button.on{background:var(--brand);color:var(--on-brand)}.table-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:start;padding:10px 14px;font-size:12px;color:var(--ink-3);font-weight:700;background:var(--panel-2);border-bottom:1px solid var(--line);white-space:nowrap}.tbl td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.tbl tbody tr:hover{background:var(--panel-2)}.skeleton{border-radius:8px;background:linear-gradient(90deg,var(--panel-2) 25%,var(--line) 50%,var(--panel-2) 75%);background-size:200% 100%;animation:sk 1.3s infinite}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}.empty{text-align:center;padding:48px 20px;color:var(--ink-3);display:grid;gap:10px;justify-items:center}.empty svg{width:36px;height:36px;opacity:.6}.error-box{padding:12px 14px;border-radius:var(--r);background:var(--bad-soft);color:var(--bad);font-weight:700}.heat{display:grid;grid-template-columns:54px repeat(24,minmax(0,1fr));gap:3px;font-size:10.5px;color:var(--ink-3)}.heat b{aspect-ratio:1;border-radius:3px;background:rgba(var(--heat-rgb),var(--a, .06))}.heat .d{align-self:center}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--ink-2)}.legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-inline-end:6px}.rank{display:grid;gap:10px}.rank-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13px}.rank-n{font-family:var(--font-display);font-weight:800;color:var(--ink-3)}.rank-bar{grid-column:2 / 4;height:5px;border-radius:3px;background:var(--brand-soft);overflow:hidden}.rank-bar i{display:block;height:100%;background:var(--brand);border-radius:3px}.attn{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.attn a,.attn div{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);color:var(--ink);background:var(--panel-2)}.attn a:hover{border-color:var(--brand)}.attn svg{width:18px;height:18px;color:var(--ink-3)}.attn .n{font-family:var(--font-display);font-weight:800;font-size:18px}.attn .hot svg,.attn .hot .n{color:var(--warn)}.post{padding:16px 18px;border-bottom:1px solid var(--line);display:grid;gap:8px}.post:last-child{border-bottom:0}.post-head{display:flex;align-items:center;gap:10px;font-size:13px}.post-text{line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;max-width:75ch}.post-foot{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:12.5px;color:var(--ink-3)}.stat{display:inline-flex;align-items:center;gap:5px}.stat svg{width:14px;height:14px}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 4px 3px 10px;border-radius:var(--r-full);background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:700}.chip button{width:18px;height:18px;border-radius:50%;display:grid;place-items:center}.chip button:hover{background:var(--brand);color:var(--on-brand)}.chip svg{width:12px;height:12px}.ms{position:relative}.ms-trigger{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;min-height:36px;background:var(--panel-2);border:1.5px solid var(--line);border-radius:var(--r-sm);text-align:start}.ms-trigger:hover{border-color:var(--line-2)}.ms-pop{position:absolute;inset-inline:0;top:calc(100% + 4px);z-index:50;background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r);box-shadow:var(--sh-2);max-height:280px;display:flex;flex-direction:column}.ms-list{overflow-y:auto;padding:4px}.ms-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:8px;cursor:pointer;font-size:13px}.ms-item:hover{background:var(--panel-2)}.ms-item input{accent-color:var(--brand);width:15px;height:15px}.ms-search{margin:6px}.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:34px 30px;box-shadow:var(--sh-2);display:grid;gap:16px}.toast-wrap{position:fixed;inset-block-end:20px;inset-inline-start:20px;z-index:200;display:grid;gap:8px;max-width:min(360px,calc(100vw - 40px))}.toast{padding:11px 14px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line);border-inline-start:3px solid var(--brand);box-shadow:var(--sh-2);font-weight:700;font-size:13px}.toast.ok{border-inline-start-color:var(--ok)}.toast.bad{border-inline-start-color:var(--bad)}.pwa-bar{position:fixed;inset-inline:16px;inset-block-end:max(16px,env(safe-area-inset-bottom));z-index:120;max-width:460px;margin-inline:auto;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r);box-shadow:var(--sh-2);font-weight:700;font-size:13px}@media(max-width:1100px){.s3{grid-column:span 6}.s4,.s5,.s6,.s7,.s8{grid-column:span 12}}@media(max-width:1024px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:280px;max-width:86vw;transform:translate(100%);transition:transform .25s;box-shadow:var(--sh-2)}.sidebar.open{transform:none}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c1e73;z-index:35}.burger{display:grid}}@media(max-width:640px){.content{padding:14px}.topbar{padding:0 12px}.topbar h1{font-size:16px}.btn .lbl{display:none}.s3{grid-column:span 12}.kpi-value{font-size:26px}.heat{grid-template-columns:38px repeat(24,minmax(0,1fr));gap:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}