:root,[data-theme=dark]{color-scheme:dark;--bg: #0c0a14;--bg-elevated: #15121f;--surface: #1a1628;--surface-2: #241e36;--surface-3: #2e2742;--overlay: rgba(0, 0, 0, .6);--text: #f4f4fa;--text-soft: #c8c8da;--text-muted: #9c9cb5;--icon: #c8c8da;--icon-muted: #71718f;--border: #2e2742;--border-strong: #3c3454;--divider: #241e36;--focus-ring: rgba(155, 120, 255, .55);--accent-bg: #241b40;--accent-solid: #9b78ff;--accent-on: #1a1628;--win-bg: #3a2a00;--win-solid: #ffcf4d;--win-on: #3b1a07;--live-bg: #3d0e22;--live-solid: #ff6b9e;--live-on: #3d0419;--success-bg: #08362a;--success-solid: #4fd9a3;--success-on: #02281e;--warning-bg: #3a2400;--warning-solid: #ffa640;--warning-on: #3d1a02;--danger-bg: #3a0c18;--danger-solid: #ff7388;--danger-on: #3d0710;--info-bg: #082445;--info-solid: #4faaff;--info-on: #061b38;--grad-brand: linear-gradient(135deg, #7c4dff 0%, #5a28d6 100%);--grad-win: linear-gradient(135deg, #ffcf4d 0%, #fba000 60%, #e08600 100%);--grad-live: linear-gradient(135deg, #ff6b9e 0%, #f5176a 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 8px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--shadow-card: 0 2px 8px rgba(0, 0, 0, .4), inset 0 0 0 1px rgba(255, 255, 255, .04);--font-body: "Vazirmatn", system-ui, "Segoe UI", Tahoma, sans-serif;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill: 999px;--dur-fast: .15s;--dur-base: .24s;--ease-standard: cubic-bezier(.2, .8, .2, 1)}[data-theme=light]{color-scheme:light;--bg: #f7f7fb;--bg-elevated: #ffffff;--surface: #ffffff;--surface-2: #f2f2f8;--surface-3: #e9e9f2;--overlay: rgba(12, 10, 20, .5);--text: #181826;--text-soft: #3c3c50;--text-muted: #71718f;--icon: #52526b;--icon-muted: #9c9cb5;--border: #e0e0ec;--border-strong: #c8c8da;--divider: #efeff6;--focus-ring: rgba(124, 77, 255, .45);--accent-bg: #efeaff;--accent-solid: #6a35f0;--accent-on: #ffffff;--win-bg: #fff3cc;--win-solid: #e08600;--win-on: #3b1a07;--live-bg: #ffd9e7;--live-solid: #f5176a;--live-on: #ffffff;--success-bg: #d8f6e9;--success-solid: #0a8a62;--success-on: #ffffff;--warning-bg: #ffe7c7;--warning-solid: #d45f00;--warning-on: #ffffff;--danger-bg: #ffdce1;--danger-solid: #c91a3a;--danger-on: #ffffff;--info-bg: #d6ecff;--info-solid: #095ec2;--info-on: #ffffff;--shadow-sm: 0 1px 2px rgba(24, 24, 38, .06), 0 1px 3px rgba(24, 24, 38, .04);--shadow-md: 0 4px 14px rgba(24, 24, 38, .08);--shadow-lg: 0 12px 32px rgba(24, 24, 38, .12);--shadow-card: var(--shadow-md)}@font-face{font-family:Vazirmatn;src:url(/fonts/Vazirmatn%5Bwght%5D.woff2) format("woff2-variations"),url(/fonts/Vazirmatn%5Bwght%5D.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:2px solid var(--bg)}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85em}.tabular{font-variant-numeric:tabular-nums}.muted{color:var(--text-muted)}.soft{color:var(--text-soft)}.row{display:flex;align-items:center;gap:var(--space-3)}.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.gap2{gap:var(--space-2)}.mr-auto{margin-inline-start:auto}.center-col{display:flex;flex-direction:column;align-items:center;justify-content:center}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:var(--bg-elevated);border-inline-start:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5) var(--space-4);position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-5)}.brand-dot{width:30px;height:30px;border-radius:9px;background:var(--grad-brand);box-shadow:var(--shadow-sm);flex:none}.brand b{font-weight:800;font-size:15px}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--r-md);color:var(--text-soft);font-weight:600;cursor:pointer;border:none;background:none;width:100%;text-align:start;transition:background var(--dur-fast),color var(--dur-fast)}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent-bg);color:var(--accent-solid)}.nav-item svg{flex:none}.nav-spacer{flex:1}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border);background:var(--bg-elevated);position:sticky;top:0;z-index:10}.topbar h1{font-size:17px;font-weight:700;margin:0}.content{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);max-width:1180px;width:100%}.page-head{display:flex;align-items:flex-end;gap:var(--space-3)}.page-head h2{margin:0;font-size:20px;font-weight:800}.page-head p{margin:0;color:var(--text-muted);font-size:13px}.envbadge{font-weight:800;font-size:11px;letter-spacing:.04em;padding:4px 10px;border-radius:var(--r-pill);text-transform:uppercase}.envbadge--prod{background:var(--danger-bg);color:var(--danger-solid);box-shadow:inset 0 0 0 1px var(--danger-solid)}.envbadge--staging{background:var(--warning-bg);color:var(--warning-solid);box-shadow:inset 0 0 0 1px var(--warning-solid)}.envbadge--dev{background:var(--surface-2);color:var(--text-muted);box-shadow:inset 0 0 0 1px var(--border-strong)}.version{font-size:12px;color:var(--text-muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.card-pad{padding:var(--space-5)}.card-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--divider)}.card-head h3{margin:0;font-size:15px;font-weight:700}.card-head .mr-auto{color:var(--text-muted);font-size:13px}.stat-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--space-4);display:flex;flex-direction:column;gap:4px}.stat b{font-size:24px;font-weight:800;line-height:1.1}.stat span{color:var(--text-muted);font-size:12px}.stat .ic{color:var(--icon-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:9px 16px;border-radius:var(--r-md);border:1px solid transparent;font-weight:700;font-size:13px;cursor:pointer;transition:filter var(--dur-fast),background var(--dur-fast);background:var(--surface-2);color:var(--text)}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:none}.btn--sm{padding:6px 12px;font-size:12px}.btn--p{background:var(--accent-solid);color:var(--accent-on)}.btn--d{background:var(--danger-solid);color:var(--danger-on)}.btn--ghost{background:transparent;border-color:var(--border-strong);color:var(--text-soft)}.btn--win{background:var(--win-solid);color:var(--win-on)}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:700}.pill--live{background:var(--live-bg);color:var(--live-solid)}.pill--lobby{background:var(--warning-bg);color:var(--warning-solid)}.pill--ended{background:var(--surface-2);color:var(--text-muted)}.pill--ok{background:var(--success-bg);color:var(--success-solid)}.pill--bad{background:var(--danger-bg);color:var(--danger-solid)}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.tablewrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:start;font-weight:700;color:var(--text-muted);padding:10px var(--space-4);border-bottom:1px solid var(--border);white-space:nowrap}.tbl td{padding:11px var(--space-4);border-bottom:1px solid var(--divider)}.tbl tr:hover td{background:var(--surface-2)}.tbl tr:last-child td{border-bottom:none}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:600;color:var(--text-soft)}.input,.select{width:100%;padding:9px 12px;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--bg);color:var(--text);font-family:inherit;font-size:13px}.input:focus,.select:focus{outline:none;border-color:var(--accent-solid);box-shadow:0 0 0 3px var(--focus-ring)}.formgrid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.toast-host{position:fixed;top:var(--space-5);left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:var(--space-2)}.toast{padding:11px 18px;border-radius:var(--r-md);font-weight:700;font-size:13px;box-shadow:var(--shadow-lg);border:1px solid var(--border);background:var(--surface);animation:toastin var(--dur-base) var(--ease-standard)}.toast--ok{background:var(--success-solid);color:var(--success-on);border-color:transparent}.toast--danger{background:var(--danger-solid);color:var(--danger-on);border-color:transparent}.toast--info{background:var(--info-solid);color:var(--info-on);border-color:transparent}@keyframes toastin{0%{opacity:0;transform:translateY(-8px)}}.flash{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.flash-cell{aspect-ratio:1;display:grid;place-items:center;border-radius:8px;font-weight:700;font-size:13px;font-variant-numeric:tabular-nums;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);transition:background var(--dur-fast),transform var(--dur-fast)}.flash-cell.called{background:var(--win-bg);color:var(--win-solid);border-color:transparent}.flash-cell.expired{opacity:.45}.flash-cell.current{background:var(--win-solid);color:var(--win-on);border-color:transparent;box-shadow:0 0 16px #fba00080;transform:scale(1.08)}.bignum{font-size:56px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.legend{display:flex;gap:var(--space-4);flex-wrap:wrap;font-size:12px;color:var(--text-muted)}.legend i{width:12px;height:12px;border-radius:3px;display:inline-block;margin-inline-end:5px;vertical-align:-1px}.spinner{width:18px;height:18px;border:2px solid var(--border-strong);border-top-color:var(--accent-solid);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--text-muted);padding:var(--space-10) var(--space-4)}.sep{height:1px;background:var(--divider);margin:var(--space-4) 0}.hint{font-size:12px;color:var(--text-muted);margin:0}.modal-scrim{position:fixed;inset:0;background:var(--overlay);display:grid;place-items:center;z-index:200;padding:var(--space-5);animation:fade var(--dur-fast)}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xl, var(--shadow-lg));padding:var(--space-5);width:100%;max-width:420px}.modal h3{margin:0 0 var(--space-2);font-size:16px;font-weight:800}.modal p{margin:0 0 var(--space-3)}@keyframes fade{0%{opacity:0}}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:var(--space-5)}.login-card{width:100%;max-width:360px}@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;border-inline-start:none;border-bottom:1px solid var(--border)}.brand{padding:var(--space-2) var(--space-3);width:100%}.nav{flex-direction:row;flex-wrap:wrap}.nav-spacer{display:none}.content{padding:var(--space-4)}}