@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #0a0e17;--bg-grid: rgba(255,255,255,.02);--panel: #121826;--panel-2: #0e131f;--panel-hover: #161d2e;--line: #202a3d;--line-soft: #1a2233;--text: #eef2f9;--text-dim: #94a0b8;--text-faint: #5c6780;--accent: #e8843c;--accent-soft: rgba(232,132,60,.14);--accent-glow: rgba(232,132,60,.35);--green: #3ecf8e;--green-soft: rgba(62,207,142,.14);--red: #f2555a;--red-soft: rgba(242,85,90,.14);--blue: #5b8cff;--violet: #a978ff;--shadow: 0 8px 30px rgba(0,0,0,.4)}[data-theme=light]{--bg: #eef1f7;--bg-grid: rgba(20,30,60,.03);--panel: #ffffff;--panel-2: #f3f5fa;--panel-hover: #eef2f9;--line: #d3d9e6;--line-soft: #e3e7f0;--text: #0d1220;--text-dim: #454f66;--text-faint: #6b7690;--accent: #c85f16;--accent-soft: rgba(200,95,22,.14);--accent-glow: rgba(200,95,22,.28);--green: #0f8f56;--green-soft: rgba(15,143,86,.14);--red: #c92b32;--red-soft: rgba(201,43,50,.12);--blue: #2a5bd0;--violet: #7a3fd6;--shadow: 0 6px 20px rgba(30,45,80,.1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,var(--accent-soft),transparent 60%),var(--bg);color:var(--text);font-family:Inter,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh;position:relative;z-index:1}aside{background:linear-gradient(180deg,var(--panel),var(--panel-2));border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;gap:8px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:19px;font-weight:700;letter-spacing:-.02em;padding:4px 8px 6px}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent-glow);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.nav-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);padding:12px 10px 6px}.nav-scroll{flex:1;overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:8px;margin:0 -4px;padding:0 4px}nav{display:flex;flex-direction:column;gap:2px}.whoami{border-top:1px solid var(--line);padding-top:14px;margin-top:8px;display:flex;flex-direction:column;gap:3px;flex-shrink:0}nav a{display:flex;align-items:center;gap:10px;color:var(--text-dim);text-decoration:none;padding:9px 11px;border-radius:9px;font-weight:500;font-size:13.5px;transition:background .15s,color .15s}nav a svg{width:17px;height:17px;opacity:.75}nav a:hover{color:var(--text);background:var(--panel-hover)}nav a.active{color:var(--text);background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent)}nav a.active svg{opacity:1;color:var(--accent)}.whoami .email{font-weight:600;font-size:13px}.whoami .role{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--accent);letter-spacing:.04em}main{padding:30px 34px 60px;max-width:1180px;position:relative;z-index:1}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px;gap:16px;flex-wrap:wrap}h1{font-family:Space Grotesk,sans-serif;font-size:25px;font-weight:700;letter-spacing:-.02em;margin:0}.page-head .sub{color:var(--text-dim);font-size:13.5px;margin-top:3px}h2{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600;margin:30px 0 12px;letter-spacing:-.01em}.eyebrow{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px;position:relative;overflow:hidden;transition:border-color .15s,transform .15s}.stat:hover{border-color:var(--accent);transform:translateY(-2px)}.stat .label{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-dim);font-weight:500}.stat .label svg{width:15px;height:15px;color:var(--accent)}.stat .value{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;margin-top:8px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat .delta{font-size:11.5px;margin-top:4px;font-family:IBM Plex Mono,monospace}.stat .delta.up{color:var(--green)}.stat .delta.down{color:var(--red)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px 22px;box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-head h3{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600;margin:0}.grid-2{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}.topbar,.backdrop{display:none}@media (max-width: 900px){.grid-2{grid-template-columns:1fr}.shell{grid-template-columns:1fr;display:block}.topbar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:40;padding:12px 16px;background:var(--panel);border-bottom:1px solid var(--line)}.topbar .brand{padding:0;font-size:17px;flex:1}.hamburger{background:transparent;border:1px solid var(--line);color:var(--text);padding:7px;border-radius:9px;display:grid;place-items:center;cursor:pointer}.hamburger:hover{filter:none;border-color:var(--accent)}aside{position:fixed;top:0;left:0;z-index:50;width:260px;height:100vh;transform:translate(-100%);transition:transform .25s ease;box-shadow:var(--shadow)}.shell.drawer-open aside{transform:translate(0)}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#00000080;opacity:0;pointer-events:none;transition:opacity .25s ease}.shell.drawer-open .backdrop{opacity:1;pointer-events:auto}main{padding:20px 16px 48px}}.legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px}.legend span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim)}.legend .swatch{width:10px;height:10px;border-radius:3px}.table-wrap{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line-soft)}th{color:var(--text-faint);font-weight:600;font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;background:var(--panel-2)}td{font-size:13.5px}tbody tr{transition:background .12s}tbody tr:hover{background:var(--panel-hover)}tr:last-child td{border-bottom:none}td.num,th.num{font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,monospace}input,select,textarea{background:var(--panel-2);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:9px 12px;font:inherit;font-size:13.5px;width:100%;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{min-height:150px;font-family:IBM Plex Mono,monospace;font-size:13px;resize:vertical}label{font-size:13px}button{background:var(--accent);color:#1a1206;border:0;border-radius:10px;padding:9px 15px;font:inherit;font-weight:600;font-size:13.5px;cursor:pointer;transition:filter .15s,transform .1s}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default;filter:none}button.ghost{background:transparent;color:var(--text-dim);border:1px solid var(--line)}button.ghost:hover{color:var(--text);border-color:var(--accent)}button.danger{background:var(--red);color:#fff}button.sm{padding:6px 11px;font-size:12.5px}.row{display:flex;gap:10px;align-items:center;margin:12px 0;flex-wrap:wrap}.row>*{width:auto}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;border:1px solid var(--line);color:var(--text-dim);font-family:IBM Plex Mono,monospace}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.ACTIVE{color:var(--green);border-color:transparent;background:var(--green-soft)}.badge.FLAGGED{color:var(--accent);border-color:transparent;background:var(--accent-soft)}.badge.BANNED{color:var(--red);border-color:transparent;background:var(--red-soft)}.theme-toggle{display:inline-flex;background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:2px}.theme-toggle button{background:transparent;border:0;padding:5px 8px;border-radius:999px;color:var(--text-faint);display:grid;place-items:center;cursor:pointer}.theme-toggle button svg{width:15px;height:15px}.theme-toggle button.on{background:var(--accent-soft);color:var(--accent)}.msg{margin:10px 0;font-size:13px;font-family:IBM Plex Mono,monospace}.msg.ok{color:var(--green)}.msg.err{color:var(--red)}.empty{padding:40px;text-align:center;color:var(--text-faint)}.drawer{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;margin-top:18px;box-shadow:var(--shadow)}.kv{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:13px;color:var(--text-dim);margin:8px 0 14px}.kv b{color:var(--text);font-variant-numeric:tabular-nums}.warn-chip{color:var(--accent);font-weight:600}.login-wrap{min-height:100vh;display:grid;place-items:center;position:relative;z-index:1}.login-box{width:380px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:32px;display:flex;flex-direction:column;gap:13px;box-shadow:var(--shadow)}.login-box .brand{justify-content:center;font-size:22px;margin-bottom:6px}code.qr{word-break:break-all;font-size:11px;background:var(--panel-2);padding:10px;border-radius:10px;display:block;font-family:IBM Plex Mono,monospace;color:var(--text-dim);border:1px solid var(--line)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.pw-field{position:relative;display:flex;align-items:center}.pw-field input{padding-right:42px}.pw-toggle{position:absolute;right:4px;background:transparent;border:0;padding:6px;color:var(--text-faint);cursor:pointer;display:grid;place-items:center;border-radius:8px}.pw-toggle:hover{color:var(--accent);background:transparent;filter:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04070e9e;z-index:80;display:grid;place-items:center;padding:20px;animation:fade .15s ease}.modal{width:min(520px,100%);max-height:calc(100vh - 40px);overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px 22px 22px;box-shadow:var(--shadow)}.modal.wide{width:min(860px,100%)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-head h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:17px}@keyframes fade{0%{opacity:0}}.icon-btn{padding:6px;display:grid;place-items:center}.toggle{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle .track{width:40px;height:22px;border-radius:99px;background:var(--line);position:relative;transition:background .15s;flex-shrink:0}.toggle .thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}.toggle input:checked+.track{background:var(--green)}.toggle input:checked+.track .thumb{transform:translate(18px)}.toggle input:focus-visible+.track{box-shadow:0 0 0 3px var(--accent-soft)}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field-label{font-size:12px;font-weight:600;color:var(--text-dim)}.field-hint{font-size:11.5px;color:var(--text-faint)}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.flash{position:fixed;right:22px;bottom:22px;z-index:90;padding:11px 16px;border-radius:12px;font-weight:600;font-size:13px;box-shadow:var(--shadow);border:1px solid var(--line);background:var(--panel);max-width:420px}.flash.ok{border-color:var(--green);color:var(--green)}.flash.err{border-color:var(--red);color:var(--red)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:6px 0 16px;overflow-x:auto}.tabs button{background:transparent;color:var(--text-dim);border-radius:0;padding:9px 12px;border-bottom:2px solid transparent;white-space:nowrap}.tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.tabs button:hover{filter:none;color:var(--text)}.actions{display:flex;gap:6px;flex-wrap:wrap}.spark{height:34px;margin-top:6px}.chip{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11.5px;font-weight:600;background:var(--panel-2);border:1px solid var(--line);color:var(--text-dim)}.chip.good{color:var(--green);border-color:transparent;background:var(--green-soft)}.chip.warn{color:var(--accent);border-color:transparent;background:var(--accent-soft)}.chip.bad{color:var(--red);border-color:transparent;background:var(--red-soft)}.swatch-input{width:38px!important;height:34px;padding:2px!important;cursor:pointer}.odds-bar{height:6px;border-radius:99px;background:var(--line);overflow:hidden;min-width:60px}.odds-bar>span{display:block;height:100%;background:var(--accent)}.section{margin-top:26px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.section-head h2{margin:0}.section-head p{margin:2px 0 0;color:var(--text-dim);font-size:13px}.grade-track{display:flex;gap:10px;flex-wrap:wrap}.grade{flex:1 1 140px;background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:14px}.grade .g-num{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:13px;color:var(--accent)}.grade .g-pct{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;margin:2px 0}.wheel-preview{width:100%;max-width:280px;aspect-ratio:1;margin:0 auto;display:block}.split{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:start}@media (max-width: 900px){.split{grid-template-columns:1fr}.flash{left:16px;right:16px}}.table-wrap.scroll{overflow-x:auto}.table-wrap.scroll table{min-width:640px}td .actions button{white-space:nowrap}.load-more{display:flex;justify-content:center;margin-top:12px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.actions.nowrap{flex-wrap:nowrap}.wheel-split{grid-template-columns:1fr}.wheel-split .wheel-preview{max-width:240px}.wheel-split .table-wrap table{min-width:820px}.wheel-split td input{min-width:64px}@media (max-width: 1100px){.wheel-split{grid-template-columns:1fr}}.grade input{padding:8px}.modal .stat-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}
