:root{--bg: #000000;--bg-2: #0b0b0b;--panel: #141414;--panel-2: #101010;--panel-hi: #1f1f1f;--inset: #0a0a0a;--line: #2b2b2b;--line-soft: #1c1c1c;--line-gold: rgba(212, 175, 55, .3);--text: #f4f4f5;--text-2: #c9c9cc;--muted: #8a8a8f;--faint: #5a5a5f;--gold: #d4af37;--gold-2: #f2d582;--gold-3: #b6902c;--gold-dim: #8a6d22;--pos: #3fd07a;--pos-dim: #1f6b41;--neg: #f06052;--neg-dim: #7a2c26;--warn: #e6b23c;--radius: 13px;--radius-sm: 9px;--shadow: 0 16px 40px rgba(0, 0, 0, .5);--shadow-sm: 0 6px 18px rgba(0, 0, 0, .4);--mono: ui-monospace, "Cascadia Code", "Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--ui: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 620px at 82% -12%,rgba(212,175,55,.07),transparent 58%),radial-gradient(900px 520px at -8% 6%,rgba(212,175,55,.035),transparent 52%),var(--bg);color:var(--text);font-family:var(--ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;font-weight:640;letter-spacing:.2px}.muted{color:var(--muted)}.faint{color:var(--faint)}.gold{color:var(--gold-2)}.pos{color:var(--pos)}.neg{color:var(--neg)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.up{text-transform:uppercase;letter-spacing:1.4px}.app{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#141414,#080808);border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;gap:3px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;justify-content:center;padding:22px 10px}.brand .mark{width:68px;height:68px;flex:none;border-radius:12px;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 4px 12px rgba(212,175,55,.36))}.brand .name{font-weight:800;letter-spacing:1.6px;font-size:15px;line-height:1.15}.brand .name b{color:var(--gold-2);font-weight:800}.brand .sub{font-size:9.5px;letter-spacing:3px;color:var(--muted);text-transform:uppercase;margin-top:3px}.nav-group{font-size:9.5px;letter-spacing:2.4px;color:var(--faint);text-transform:uppercase;padding:14px 12px 6px}.nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;color:var(--text-2);font-size:13.5px;font-weight:520;transition:background .14s,color .14s,box-shadow .14s}.nav a .ico{width:17px;height:17px;flex:none;opacity:.72}.nav a:hover{background:var(--panel-hi);color:var(--text)}.nav a:hover .ico{opacity:1}.nav a.active{background:linear-gradient(90deg,#d4af3724,#d4af3705);color:var(--gold-2);box-shadow:inset 2px 0 0 var(--gold)}.nav a.active .ico{opacity:1;color:var(--gold-2)}.sidebar .spacer{flex:1}.sidebar .foot{font-size:10.5px;color:var(--muted);padding:12px 10px 4px;border-top:1px solid var(--line-soft);line-height:1.7;letter-spacing:.3px}.sidebar .foot .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--pos);margin-right:6px;box-shadow:0 0 6px var(--pos)}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:11px 26px;border-bottom:1px solid var(--line);background:#0a0a0ab8;position:sticky;top:0;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:5}.topbar-left{justify-self:start;min-width:0}.topbar-left .page{font-size:14px;font-weight:650;letter-spacing:.3px;color:var(--text-2)}.topbar-brand{justify-self:center;text-align:center;line-height:1.02}.topbar-brand .wm-name{display:block;font-size:17px;font-weight:800;letter-spacing:2.5px}.topbar-brand .wm-name b{color:var(--gold-2);font-weight:800}.topbar-brand .wm-sub{display:block;font-size:8.5px;letter-spacing:3.5px;text-transform:uppercase;color:var(--muted);margin-top:3px}.topbar-right{justify-self:end;display:flex;align-items:center;gap:13px;font-size:12.5px;color:var(--muted)}.topbar-right .env{font-family:var(--mono);font-size:10px;color:var(--gold-2);border:1px solid var(--line-gold);padding:2px 7px;border-radius:5px;letter-spacing:1px;background:#d4af370f}.topbar-right .email{font-family:var(--mono);font-size:12px}@media (max-width: 820px){.topbar{grid-template-columns:auto 1fr auto}.topbar-left,.topbar-right .email{display:none}}.content{padding:22px 26px 64px;max-width:1220px;width:100%}.grid{display:grid;gap:14px}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}.panel{position:relative;background:linear-gradient(180deg,var(--panel) 0%,var(--panel-2) 100%);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-sm)}.panel:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06) 30%,rgba(255,255,255,.06) 70%,transparent)}.panel.accent{border-top-color:var(--line-gold)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-head h3,.eyebrow{font-size:10.5px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-weight:600}.panel-head .tag{font-family:var(--mono);font-size:10.5px;color:var(--faint);letter-spacing:.6px}.tile{display:flex;flex-direction:column;gap:7px;padding:16px 18px}.tile .label{font-size:10px;text-transform:uppercase;letter-spacing:1.8px;color:var(--muted);display:flex;align-items:center;gap:7px}.tile .label .k{color:var(--faint);font-family:var(--mono)}.tile .value{font-family:var(--mono);font-size:27px;font-weight:600;line-height:1;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.tile .value.gold{color:var(--gold-2)}.tile .value.pos{color:var(--pos)}.tile .value.neg{color:var(--neg)}.tile .sub{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:6px}.tile .sub b{color:var(--text-2);font-weight:600;font-family:var(--mono)}.meter{height:5px;border-radius:3px;background:var(--inset);overflow:hidden;border:1px solid var(--line-soft)}.meter>i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--gold-3),var(--gold-2))}.meter.pos>i{background:linear-gradient(90deg,var(--pos-dim),var(--pos))}.ribbon{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:linear-gradient(180deg,#191919,#101010);box-shadow:var(--shadow-sm)}.ribbon .cell{padding:13px 18px;border-right:1px solid var(--line-soft);display:flex;flex-direction:column;gap:5px;justify-content:center}.ribbon .cell:last-child{border-right:none}.ribbon .cell .k{font-size:9.5px;text-transform:uppercase;letter-spacing:1.8px;color:var(--muted)}.ribbon .cell .v{font-family:var(--mono);font-size:15px;font-weight:600;letter-spacing:.2px}.ribbon .cell.lead{background:linear-gradient(180deg,rgba(212,175,55,.07),transparent);min-width:172px}.ribbon .cell.lead .v{font-size:17px;color:var(--gold-2)}.ribbon .cell.grow{flex:1}.ribbon .cell.action{justify-content:center;align-items:flex-end}.status{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:12px;font-weight:600;padding:4px 11px;border-radius:6px;border:1px solid var(--line);text-transform:uppercase;letter-spacing:1px;width:fit-content}.status .led{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor}.status.gold{color:var(--gold-2);border-color:var(--line-gold);background:#d4af3712}.status.pos{color:var(--pos);border-color:var(--pos-dim);background:#3fd07a12}.status.neg{color:var(--neg);border-color:var(--neg-dim);background:#f0605212}.status.idle{color:var(--muted);border-color:var(--line)}.status.idle .led{box-shadow:none;opacity:.6}.badge{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:650;font-family:var(--mono);padding:3px 9px;border-radius:5px;border:1px solid var(--line);text-transform:uppercase;letter-spacing:1px}.badge.gold{color:var(--gold-2);border-color:var(--line-gold);background:#d4af3712}.badge.pos{color:var(--pos);border-color:var(--pos-dim);background:#3fd07a12}.badge.neg{color:var(--neg);border-color:var(--neg-dim);background:#f0605212}.badge.grey{color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:13px}thead th{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);font-weight:600;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--inset)}tbody td{padding:11px 12px;border-bottom:1px solid var(--line-soft)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#ffffff04}td.num,th.num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius)}.table-wrap table tbody tr:last-child td{border-bottom:none}.statrows{display:grid}.statrows .r{display:flex;align-items:center;justify-content:space-between;padding:11px 2px;border-bottom:1px solid var(--line-soft)}.statrows .r:last-child{border-bottom:none}.statrows .r .k{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.statrows .r .v{font-family:var(--mono);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:8px;border:1px solid var(--gold-3);background:linear-gradient(180deg,#eccb6e,#cba63a);color:#17130a;font-weight:700;cursor:pointer;font-size:13px;letter-spacing:.3px;transition:filter .15s,transform .05s}.btn:hover{filter:brightness(1.07)}.btn:active{transform:translateY(1px)}.btn.ghost{background:transparent;color:var(--text-2);border-color:var(--line);font-weight:560}.btn.ghost:hover{background:var(--panel-hi);color:var(--text)}input,select{background:var(--inset);border:1px solid var(--line);color:var(--text);border-radius:var(--radius-sm);padding:9px 11px;font-size:13.5px;width:100%;font-family:var(--ui)}input:focus,select:focus{outline:none;border-color:var(--gold-dim)}label.field{display:block;font-size:11px;color:var(--muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:44px 24px;text-align:center}.empty .glyph{width:40px;height:40px;opacity:.5}.empty .t{font-size:14px;color:var(--text-2);font-weight:600}.empty .d{font-size:12.5px;color:var(--muted);max-width:380px;line-height:1.6}.center-screen{display:grid;place-items:center;min-height:100vh;text-align:center;padding:20px}.login-card{max-width:468px;width:100%;padding:40px 36px;background:linear-gradient(180deg,#0a0a0a,#000)}.login-logo{margin:0 auto;filter:drop-shadow(0 8px 26px rgba(212,175,55,.22))}.split{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.loader{display:grid;place-items:center;min-height:100vh;gap:14px}.hero{display:flex;gap:48px;align-items:center;padding:48px 50px;background:radial-gradient(680px 260px at 12% -20%,rgba(212,175,55,.13),transparent 62%),linear-gradient(180deg,#17150d,#0b0a07);border-top-color:var(--line-gold)}.hero-mark{flex:none;filter:drop-shadow(0 12px 32px rgba(212,175,55,.34))}.hero-body{min-width:0;flex:1}.hero-title{font-size:35px;letter-spacing:1.5px;font-weight:800;margin-top:10px;line-height:1.03}.hero-sub{color:var(--text-2);font-size:14.5px;line-height:1.66;margin:15px 0 0;max-width:640px}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:24px;flex-wrap:wrap}.pubcard{display:flex;flex-direction:column}.pub-dot{width:9px;height:9px;border-radius:50%;flex:none}.strike-card{display:grid;gap:7px;border-top-color:var(--line-gold)}.strike-card .slot-name{font-size:10.5px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-2);font-weight:700}.strike-card .pick-line{font-size:19px;font-weight:700;letter-spacing:.2px;margin-top:2px}.strike-card .strike-odds{font-size:13px;margin-top:2px}@media (max-width: 720px){.hero{flex-direction:column;text-align:center;align-items:center}.hero-actions{justify-content:center}.hero-actions .muted{margin-left:0!important;width:100%}}@media (max-width: 1080px){.cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto}.ribbon{flex-wrap:wrap}.ribbon .cell{flex:1 1 40%}}@media (max-width: 620px){.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}.content{padding:16px 14px 50px}}