:root{--quality-shark: #F59E0B;--quality-vip: #22D3EE;--quality-premium: #818CF8;--status-success: #4fd1a5;--bonus-ww: #F472B6;--bonus-deposit-pct: #4ADE80;--bonus-crm: #FB923C;--bonus-aff: #60A5FA;--bonus-invite: #FFC9A8;--bonus-raffle: #C084FC;--bonus-legacy: #9CA3AF;--bonus-advent: #F87171;--bonus-vip-wheel: #FACC15;--bg: #1a1424;--surface: #241b31;--surface-2: #2e2340;--line: #3a2d4d;--text: #f1eaf7;--muted: #a596ba;--gold: #e8b44a;--gold-dim: #8a6a2a;--rose: #f06b7e;--teal: #4fd1a5;--focus: #c9a6ff;--radius: 10px;--font-body: "Noto Sans Armenian", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;--font-display: "Noto Sans Armenian", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--e1: 0 1px 2px rgba(0,0,0,.28);--e2: 0 4px 12px rgba(0,0,0,.34);--e3: 0 12px 32px rgba(0,0,0,.44);--t-fast: .12s;--t: .18s;--t-slow: .26s;--ease: cubic-bezier(.2, .7, .3, 1);--skeleton-sheen: rgba(255,255,255,.06);--on-gold: #1a1424;--gold-strong: var(--gold);--accent: var(--teal);--on-accent: #1a1424;--glass: rgba(36, 27, 49, .74);--glass-brd: rgba(255, 255, 255, .09);--glass-hi: rgba(255, 255, 255, .07);--blur: 16px;--blob: 44%}:root[data-theme=light]{--quality-shark: #925600;--quality-vip: #006b7b;--quality-premium: #5145af;--status-success: #146c43;--bonus-ww: #DB2777;--bonus-deposit-pct: #15803D;--bonus-crm: #C2410C;--bonus-aff: #2563EB;--bonus-invite: #9A4F2C;--bonus-raffle: #9333EA;--bonus-legacy: #6B7280;--bonus-advent: #DC2626;--bonus-vip-wheel: #A16207;--bg: #f5f2fa;--surface: #ffffff;--surface-2: #f1ecf8;--line: #e2d9ee;--text: #241a30;--muted: #6f6280;--gold: #a8711d;--gold-dim: #cfa858;--rose: #c2185b;--teal: #0097a7;--focus: #7c3aed;--e1: 0 1px 2px rgba(36,26,48,.06);--e2: 0 4px 14px rgba(36,26,48,.09);--e3: 0 12px 32px rgba(36,26,48,.14);--skeleton-sheen: rgba(36,26,48,.05);--on-gold: #ffffff;--gold-strong: #9c6519;--accent: #00808e;--on-accent: #ffffff;--glass: rgba(255, 255, 255, .78);--glass-brd: rgba(255, 255, 255, .85);--glass-hi: rgba(255, 255, 255, .95);--blob: 30%}*{box-sizing:border-box}html,body{margin:0;height:100%}body{color:var(--text);font:14px/1.45 var(--font-body);-webkit-font-smoothing:antialiased;background:radial-gradient(46vw 46vw at 8% 2%,color-mix(in oklab,var(--focus) var(--blob),transparent),transparent 60%),radial-gradient(40vw 40vw at 95% 8%,color-mix(in oklab,var(--teal) var(--blob),transparent),transparent 60%),radial-gradient(48vw 48vw at 82% 96%,color-mix(in oklab,var(--gold) var(--blob),transparent),transparent 60%),radial-gradient(36vw 36vw at 2% 92%,color-mix(in oklab,var(--rose) var(--blob),transparent),transparent 60%),var(--bg);background-attachment:fixed}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}body,.card,.side,.btn,input,select,textarea{transition:background-color var(--t) var(--ease),border-color var(--t) var(--ease),color var(--t) var(--ease)}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px;border:2px solid var(--bg)}*::-webkit-scrollbar-thumb:hover{background:var(--muted)}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.side{background:var(--glass);backdrop-filter:blur(var(--blur)) saturate(1.35);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.35);border-right:1px solid var(--glass-brd);padding:20px 14px;position:sticky;top:0;height:100vh}.brand{font-family:var(--font-display);font-size:21px;font-weight:700;letter-spacing:-.2px;padding:4px 8px 18px}.brand b{color:var(--rose);font-weight:700}.nav a{display:block;padding:8px 10px;border-radius:8px;color:var(--muted);position:relative;transition:background-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.nav a:hover{background:var(--surface-2);color:var(--text)}.nav a.active{background:var(--surface-2);color:var(--text);font-weight:600}.nav a.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:999px;background:var(--accent)}.main{padding:24px 28px 60px;min-width:0}h1{font-family:var(--font-display);font-weight:700;font-size:25px;letter-spacing:-.3px;margin:0 0 18px}h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:26px 0 10px;font-weight:600}.card{background:var(--glass);backdrop-filter:blur(var(--blur)) saturate(1.35);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.35);border:1px solid var(--glass-brd);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--e1),inset 0 1px 0 var(--glass-hi)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.kpi{transition:box-shadow var(--t) var(--ease),transform var(--t) var(--ease),border-color var(--t) var(--ease)}.kpi:hover{box-shadow:var(--e2);transform:translateY(-1px);border-color:var(--gold-dim)}.kpi .label{color:var(--muted);font-size:12px}.kpi .value{font-family:var(--font-mono);font-size:22px;font-weight:500;margin-top:4px;font-variant-numeric:tabular-nums}.kpi .delta{font-size:12px;margin-top:2px}.up{color:var(--teal)}.down{color:var(--rose)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-weight:500;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none;position:sticky;top:0;z-index:1;background:var(--surface-2);transition:color var(--t-fast) var(--ease)}th:hover{color:var(--text)}th.on{color:var(--accent)}td.num,th.num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}td.mono{font-family:var(--font-mono)}tbody tr,table tr{transition:background-color var(--t-fast) var(--ease)}tr:hover td{background:var(--surface-2)}tr:last-child td{border-bottom:none}.pill{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;background:var(--surface-2);color:var(--muted);font-weight:500}.pill.tg{background:color-mix(in oklab,var(--teal) 16%,transparent);color:var(--teal)}.pill.off{background:color-mix(in oklab,var(--rose) 14%,transparent);color:var(--rose)}.pill.tag{background:color-mix(in oklab,var(--gold) 16%,transparent);color:var(--gold)}.muted{color:var(--muted)}.neg{color:var(--rose)}.pos{color:var(--teal)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.filters input,.filters select{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:7px 10px;min-width:120px}.filters input::placeholder{color:var(--muted)}input,select,textarea{transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--muted)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in oklab,var(--focus) 22%,transparent)}.btn{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:7px 12px;cursor:pointer;transition:background-color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease)}.btn:hover:not(:disabled){border-color:var(--muted);box-shadow:var(--e1)}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:none}.btn.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}.btn.primary:hover:not(:disabled){background:color-mix(in oklab,var(--accent) 88%,var(--text));border-color:color-mix(in oklab,var(--accent) 88%,var(--text))}.btn.danger{background:color-mix(in oklab,var(--rose) 14%,transparent);color:var(--rose);border-color:color-mix(in oklab,var(--rose) 40%,transparent)}.btn.danger:hover:not(:disabled){background:color-mix(in oklab,var(--rose) 22%,transparent);border-color:var(--rose)}.btn:disabled{opacity:.45;cursor:not-allowed}.pager{display:flex;gap:8px;align-items:center;margin-top:12px;color:var(--muted)}.strip{display:inline-grid;grid-auto-flow:column;gap:2px;vertical-align:middle}.strip i{width:6px;height:14px;border-radius:2px;background:var(--surface-2);display:block}.strip i.d{background:var(--gold)}.strip i.c{background:var(--rose);opacity:.8}.segs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.seg{display:block;transition:box-shadow var(--t) var(--ease),transform var(--t) var(--ease),border-color var(--t) var(--ease)}.seg .count{font-family:var(--font-mono);font-size:28px;color:var(--gold);font-variant-numeric:tabular-nums}.seg .name{font-weight:600;margin-top:2px}.seg .hint{color:var(--muted);font-size:12px;margin-top:4px}.seg:hover{border-color:var(--gold-dim);box-shadow:var(--e2);transform:translateY(-2px)}.empty{padding:40px;text-align:center;color:var(--muted)}.card:has(table){overflow-x:auto}.sk{background:var(--surface-2);border-radius:6px;position:relative;overflow:hidden}.sk:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--skeleton-sheen),transparent);animation:sk-sheen 1.4s ease-in-out infinite}@keyframes sk-sheen{to{transform:translate(100%)}}.sk.text{height:12px;margin:6px 0}.sk.line{height:1em}.sk.title{height:20px;width:40%}.toast-host{position:fixed;right:16px;bottom:16px;z-index:1000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{pointer-events:auto;min-width:220px;max-width:380px;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--muted);border-radius:8px;box-shadow:var(--e3);padding:10px 14px;font-size:13px;display:flex;align-items:flex-start;gap:10px;animation:toast-in var(--t-slow) var(--ease)}.toast.ok{border-left-color:var(--teal)}.toast.err{border-left-color:var(--rose)}.toast .x{margin-left:auto;cursor:pointer;color:var(--muted);background:none;border:none;padding:0 2px;line-height:1}.toast .x:hover{color:var(--text)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.fade-in{animation:fade-in var(--t-slow) var(--ease)}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}}@media (max-width: 960px){.shell{grid-template-columns:minmax(0,1fr)}.main{padding:16px 14px 40px}h1{font-size:21px}.kpis{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.toast-host{left:12px;right:12px;bottom:12px}.toast{max-width:none}}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}app-root{display:block;min-width:0}.shell,.ashell,.main,.amain,.card,.kpis,.chart-row{min-width:0}.main>*,.amain>*{min-width:0;max-width:100%}router-outlet+*{display:block;min-width:0;max-width:100%}.card{max-width:100%}.card:has(table){overscroll-behavior-x:contain}img,canvas{max-width:100%}@media (max-width: 960px){.shell,.ashell{min-height:100svh}.main,.amain{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:max(40px,env(safe-area-inset-bottom))}h1,h2,.brand,.kpi .label,.kpi .delta{overflow-wrap:anywhere}h1{display:flex;flex-wrap:wrap;gap:10px;align-items:center}h1 select{margin-left:0!important;max-width:100%}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{padding:12px}.kpi .value{font-size:clamp(17px,4.8vw,22px);overflow-wrap:anywhere}.filters,.pager,.refresh-bar,.topbar-actions{flex-wrap:wrap}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;min-width:0!important;max-width:100%;min-height:44px}button,.btn,.lang,.tab,.nav a,.anav a{min-height:44px}button{touch-action:manipulation;min-width:44px}.filters>input,.filters>select{flex:1 1 140px}.login-wrap{min-height:100svh!important;padding:24px max(16px,env(safe-area-inset-left))!important}.login-card{width:100%!important;max-width:320px!important}.toast-host{bottom:max(12px,env(safe-area-inset-bottom))}.toast{min-width:0;overflow-wrap:anywhere}.drawer{width:100%;max-width:620px;padding-bottom:max(20px,env(safe-area-inset-bottom))}}[data-tier=Q_SHARK]{--quality-ink: var(--quality-shark)}[data-tier=Q_VIP]{--quality-ink: var(--quality-vip)}[data-tier=Q_PREMIUM]{--quality-ink: var(--quality-premium)}.quality-ink{color:var(--quality-ink)}.quality-badge{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px;padding:4px 8px;border:1px solid var(--quality-ink);color:var(--quality-ink);border-radius:999px;font-size:12px;font-weight:600}.quality-heading{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 20px}.quality-audience{display:flex;flex-wrap:wrap;gap:16px}.quality-audience fieldset{display:flex;flex-wrap:wrap;gap:12px;min-width:0;border:1px solid var(--line);border-radius:8px}.quality-audience label{display:flex;align-items:center;gap:6px}.quality-audience legend{color:var(--muted);font-size:12px}.settings-card{position:relative}.settings-card:focus-within{z-index:5}.spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:quality-spin .7s linear infinite}@keyframes quality-spin{to{transform:rotate(360deg)}}@media (max-width:600px){.filters app-date-range{width:100%}}