:root{--bg-body: #1a2e39;--bg-sidebar: #13232d;--bg-surface: #213743;--bg-surface-2: #2f4553;--border: #2f4553;--text-primary: #ffffff;--text-secondary: #b1bad3;--text-muted: #8a9baa;--primary: #1475e1;--primary-hover: #1268cc;--secondary: #395565;--live: #03e625;--sports: #ff9f1a;--danger: #ff4d4d;--radius: 8px;--header-h: 56px;--sidebar-w: 240px;--font-sans: "Sofia Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-condensed: "Sofia Sans Semi Condensed", "Sofia Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html,body{background:var(--bg-body);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.4}::selection{background:var(--primary);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3d5766}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}input,select,textarea{color-scheme:dark}.section-caps{font-family:var(--font-condensed);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--text-secondary)}@keyframes pulse-live{0%{box-shadow:0 0 color-mix(in srgb,var(--live) 50%,transparent)}to{box-shadow:0 0 0 8px transparent}}.dot-live{animation:pulse-live 2s cubic-bezier(.4,0,.6,1) infinite}.shell{display:flex;min-height:100vh;background:var(--bg-body);color:var(--text-primary)}.sidebar{width:var(--sidebar-w);flex:0 0 auto;background:var(--bg-sidebar);border-right:1px solid var(--border);color:var(--text-secondary);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;z-index:30}.main-col{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;height:var(--header-h);padding:0 20px;border-bottom:1px solid var(--border);flex:0 0 auto}.brand-mark{position:relative;width:32px;height:32px;border-radius:6px;background:color-mix(in srgb,var(--primary) 20%,transparent);color:var(--primary);display:grid;place-items:center;flex-shrink:0}.brand-mark .dot-live{position:absolute;right:-2px;top:-2px;width:6px;height:6px;border-radius:50%;background:var(--live)}.brand strong{display:block;color:#fff;font-family:var(--font-condensed);font-weight:800;letter-spacing:.04em;font-size:16px;line-height:1}.brand span{display:block;margin-top:3px;font-family:var(--font-condensed);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--text-secondary)}.nav{padding:12px 8px;flex:1;overflow-y:auto;min-height:0}.nav-group{margin-bottom:6px}.nav-label{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:transparent;color:var(--text-muted);font-family:var(--font-condensed);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:10px 12px 6px;cursor:pointer}.nav-label:hover{color:var(--text-secondary)}.nav a,.nav button.nav-link{position:relative;display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:var(--text-secondary);padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;text-align:left;transition:background .16s ease,color .16s ease}.nav a:hover,.nav button.nav-link:hover{background:#ffffff0d;color:#fff}.nav a.active{background:color-mix(in srgb,var(--primary) 10%,transparent);color:#fff}.nav a.active:before{content:"";position:absolute;left:-8px;top:50%;width:3px;height:24px;transform:translateY(-50%);border-radius:0 2px 2px 0;background:var(--primary)}.nav .sub{padding-left:12px}.nav-ico{flex-shrink:0;opacity:.9}.nav-empty{font-size:12px;color:var(--text-muted);padding:4px 12px 10px}.sidebar-foot{border-top:1px solid var(--border);padding:12px 20px;font-family:var(--font-condensed);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.sidebar-foot .live-row{display:flex;align-items:center;gap:6px;margin-top:4px}.sidebar-foot .dot-live{width:6px;height:6px;border-radius:50%;background:var(--live)}.topbar{height:var(--header-h);background:var(--bg-body);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20;gap:12px}.top-left{display:flex;align-items:center;gap:8px;min-width:0}.top-right{display:flex;align-items:center;gap:10px;position:relative}.icon-btn{width:36px;height:36px;border-radius:6px;display:grid;place-items:center;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);transition:border-color .16s ease,color .16s ease,background .16s ease;position:relative}.icon-btn .badge{position:absolute;right:-4px;top:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--primary);color:#fff;font-family:var(--font-condensed);font-size:9px;font-weight:800;display:grid;place-items:center}.icon-btn:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border));color:#fff}.lang-chip{border:1px solid var(--border);background:var(--bg-surface);border-radius:6px;padding:6px 10px;font-family:var(--font-condensed);font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--text-secondary)}.wallet-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--bg-surface);border-radius:6px;padding:6px 12px;font-size:13px;color:var(--text-secondary)}.wallet-chip b{color:#fff;font-variant-numeric:tabular-nums;font-family:var(--font-condensed)}.who{display:flex;align-items:center;gap:8px;font-size:13px;border:1px solid var(--border);background:var(--bg-surface);border-radius:6px;padding:4px 10px 4px 4px;color:inherit;transition:border-color .16s ease}.who:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.who-hi{font-size:11px;color:var(--text-muted);text-align:left}.who b{display:block;font-size:12px;font-weight:600;text-align:left}.avatar{width:28px;height:28px;border-radius:6px;background:color-mix(in srgb,var(--primary) 15%,transparent);color:var(--primary);display:grid;place-items:center;font-family:var(--font-condensed);font-size:11px;font-weight:800}.who-menu{position:absolute;right:0;top:calc(var(--header-h) - 6px);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);min-width:200px;box-shadow:0 16px 40px #00000059;display:grid;z-index:30;padding:6px}.who-menu a,.who-menu button{padding:10px 12px;text-align:left;border:0;background:transparent;color:inherit;display:flex;gap:8px;align-items:center;font-size:13px;border-radius:6px}.who-menu a:hover,.who-menu button:hover{background:#ffffff0d}.who-menu button.danger{color:var(--danger)}.hamburger{display:none;width:36px;height:36px;border-radius:6px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);place-items:center}.page{padding:24px;flex:1}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:-24px -24px 24px;padding:16px 24px;border-bottom:1px solid var(--border);background:var(--bg-body);position:sticky;top:var(--header-h);z-index:10}.page-head-eyebrow{color:var(--primary)}.page-title{margin:4px 0 0;font-family:var(--font-condensed);font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.15;color:#fff}.page-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.crumbs{color:var(--text-muted);font-size:13px;margin-bottom:16px}.crumbs b{color:var(--text-primary)}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;margin:0 0 16px}.period-chips{display:flex;flex-wrap:wrap;gap:6px}.chip{height:32px;padding:0 12px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600}.chip:hover{color:#fff;border-color:color-mix(in srgb,var(--primary) 40%,var(--border))}.chip.on{background:color-mix(in srgb,var(--primary) 16%,transparent);border-color:color-mix(in srgb,var(--primary) 50%,var(--border));color:#fff}.tabs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 16px}.tabs a,.tabs span{padding:8px 12px;border-radius:6px;background:var(--bg-surface);border:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text-secondary)}.tabs a.on,.tabs span.on,.tabs a.active{background:color-mix(in srgb,var(--primary) 16%,transparent);border-color:color-mix(in srgb,var(--primary) 50%,var(--border));color:#fff}.tabs a.btn{background:var(--primary);border-color:transparent;color:#fff;height:34px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpis.five{grid-template-columns:repeat(5,1fr)}.kpi{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;padding:12px 16px;min-height:96px}.kpi-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.kpi-top svg{color:var(--text-muted);flex-shrink:0}.kpi h3{margin:0;font-family:var(--font-condensed);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--text-secondary)}.kpi .val{margin-top:10px;font-family:var(--font-condensed);font-size:26px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#fff;line-height:1}.kpi.green .val{color:var(--live)}.kpi.blue .val{color:var(--primary)}.kpi.orange .val{color:var(--sports)}.kpi.purple .val{color:#fff}.grid-3{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:12px;margin-top:14px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius)}.card-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);font-family:var(--font-condensed);font-weight:700;font-size:14px;color:#fff}.card-h-tools{display:flex;align-items:center;gap:8px}.card-b{padding:14px 16px}.muted{color:var(--text-muted);font-size:13px}.table-wrap{overflow-x:auto}table.aff{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}table.aff th{text-align:left;background:var(--bg-sidebar);color:var(--text-secondary);padding:10px 12px;font-family:var(--font-condensed);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--border)}table.aff td{padding:0 12px;height:44px;border-bottom:1px solid var(--border);vertical-align:middle}table.aff tbody tr:hover td{background:color-mix(in srgb,var(--bg-surface-2) 50%,transparent)}table.aff tbody tr:last-child td{border-bottom:0}.btn{height:36px;border:0;border-radius:6px;padding:0 14px;font-weight:700;font-size:13px;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .16s ease,transform .12s ease;white-space:nowrap}.btn:hover{background:var(--primary-hover)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.ghost{background:var(--bg-surface-2);color:#fff}.btn.ghost:hover{background:#3d5766}.btn.danger{background:var(--danger)}.btn.fav{font-size:12px;font-weight:600;height:32px}.field{display:grid;gap:6px;margin-bottom:12px}.field span{font-size:12px;font-weight:700;color:var(--text-secondary)}.field input,.field textarea,.field select{height:40px;border:1px solid var(--border);border-radius:6px;padding:0 12px;background:var(--bg-body);color:#fff}.field textarea{height:auto;padding:10px 12px;min-height:88px}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:color-mix(in srgb,var(--primary) 60%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 30%,transparent)}.field input::placeholder{color:color-mix(in srgb,var(--text-muted) 70%,transparent)}.alert{border-radius:var(--radius);padding:14px 16px;margin-bottom:16px;background:color-mix(in srgb,var(--sports) 12%,var(--bg-surface));border:1px solid color-mix(in srgb,var(--sports) 35%,var(--border));color:var(--sports)}.alert.bad{background:color-mix(in srgb,var(--danger) 12%,var(--bg-surface));border-color:color-mix(in srgb,var(--danger) 35%,var(--border));color:var(--danger)}.login-wrap{min-height:100vh;display:grid;place-items:center;background:var(--bg-body);padding:24px}.login-card{width:min(420px,100%);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 26px}.login-card h1{margin:16px 0 6px;font-family:var(--font-condensed);font-size:26px;font-weight:800}.login-card .brand{height:auto;padding:0;border:0}.err{color:var(--danger);font-size:13px;margin:0 0 10px}.ok{color:var(--live);font-weight:700;font-size:12px}.code-box{display:flex;gap:8px;align-items:center;background:var(--bg-body);border:1px solid var(--border);border-radius:6px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;overflow:auto;color:var(--text-secondary)}.stat-list{display:grid;gap:8px;font-size:13px}.stat-list div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding-bottom:8px}.stat-list div:last-child{border-bottom:0;padding-bottom:0}.stat-list span{color:var(--text-muted)}.stat-list b{color:#fff;font-family:var(--font-condensed);font-variant-numeric:tabular-nums}.donut{width:140px;height:140px;border-radius:50%;margin:8px auto 14px;background:conic-gradient(var(--primary) 0 var(--p, 0%),var(--bg-surface-2) 0)}.url-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-row{padding:16px}.hint{margin:0 0 12px}.form-note{margin:12px 0 0;font-size:12px;color:var(--text-muted);line-height:1.45}.info-tip{position:relative;display:inline-flex}.info-tip-btn{width:28px;height:28px;border:1px solid var(--border);background:var(--bg-surface-2);color:var(--text-secondary);border-radius:6px;display:grid;place-items:center;padding:0}.info-tip-btn:hover,.info-tip:focus-within .info-tip-btn{color:#fff;border-color:color-mix(in srgb,var(--primary) 45%,var(--border))}.info-tip-pop{position:absolute;right:0;top:calc(100% + 8px);width:min(280px,72vw);padding:12px 14px;border-radius:var(--radius);background:var(--bg-sidebar);border:1px solid var(--border);box-shadow:0 16px 40px #0006;color:var(--text-secondary);font-size:12px;font-weight:500;line-height:1.5;z-index:50;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease}.info-tip:hover .info-tip-pop,.info-tip:focus-within .info-tip-pop{opacity:1;pointer-events:auto;transform:none}.settle-card{margin-top:0}.kpis+.settle-card,.filter-bar+.settle-card,.card+.settle-card{margin-top:14px}.settle-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.settle-meta span{display:block;margin-bottom:6px}.settle-meta b{font-family:var(--font-condensed);font-size:20px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#fff}.settle-bars{display:grid;grid-template-columns:1fr 1fr;gap:16px}.meter-top{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:12px;font-weight:600;color:var(--text-secondary)}.meter-top b{color:#fff;font-family:var(--font-condensed);font-variant-numeric:tabular-nums}.meter-track{height:6px;border-radius:999px;background:var(--bg-surface-2);overflow:hidden}.meter-fill{display:block;height:100%;border-radius:inherit;background:var(--primary)}.pills-line{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px;font-size:12px;color:var(--text-muted)}.pills-line span{background:var(--bg-surface);border-radius:999px;padding:6px 10px;border:1px solid var(--border)}.pill{font-size:12px;padding:4px 8px;border-radius:6px;background:var(--bg-surface-2);color:var(--text-secondary)}.pill.on{background:color-mix(in srgb,var(--live) 16%,transparent);color:var(--live)}.msg-layout{display:flex;gap:14px}.msg-side{width:200px;display:grid;gap:8px;align-content:start}.msg-side nav{display:grid;gap:4px}.msg-side nav span,.msg-side nav button{padding:8px 10px;border-radius:6px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);font-size:13px;text-align:left}.msg-side nav span.on,.msg-side nav button.on{background:color-mix(in srgb,var(--primary) 16%,transparent);border-color:color-mix(in srgb,var(--primary) 50%,var(--border));color:#fff}.scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:25}@media(max-width:1200px){.kpis,.kpis.five,.grid-3{grid-template-columns:1fr 1fr}}@media(max-width:900px){.hamburger{display:grid}.sidebar{position:fixed;left:0;top:0;transform:translate(-100%);transition:transform .2s ease}.shell.nav-open .sidebar{transform:translate(0)}.shell.nav-open .scrim{display:block}.who b,.who-hi,.wallet-chip span.label{display:none}}@media(max-width:800px){.kpis,.kpis.five,.grid-3,.grid-2,.settle-meta,.settle-bars{grid-template-columns:1fr}.page{padding:16px}.page-head{margin:-16px -16px 16px;padding:12px 16px}.page-title{font-size:22px}.msg-layout{flex-direction:column}.msg-side{width:auto}}