:root{--bg: #070a12;--bg-gradient: radial-gradient(1200px 600px at 15% -10%, rgba(34, 197, 94, .14), transparent 60%), radial-gradient(1000px 500px at 85% -5%, rgba(124, 77, 255, .16), transparent 60%), radial-gradient(800px 800px at 50% 120%, rgba(245, 158, 11, .08), transparent 60%), #070a12;--panel: rgba(18, 24, 38, .85);--panel-solid: #111726;--panel-2: rgba(30, 41, 59, .7);--line: rgba(255, 255, 255, .08);--line-hover: rgba(255, 255, 255, .18);--text: #f8fafc;--text-dim: #cbd5e1;--muted: #8b9bb4;--green: #10b981;--green-d: #059669;--green-l: rgba(16, 185, 129, .15);--green-glow: rgba(16, 185, 129, .35);--gold: #f59e0b;--gold-glow: rgba(245, 158, 11, .35);--vio: #8b5cf6;--vio-glow: rgba(139, 92, 246, .35);--red: #ef4444;--red-l: rgba(239, 68, 68, .15);--amber: #f59e0b;--radius: 16px;--radius-sm: 10px;--shadow-3d: 0 20px 40px -10px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .08);--shadow-card: 0 10px 30px -5px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .06)}*{box-sizing:border-box;margin:0}html,body,#root{height:100%;min-height:100%}body{background:var(--bg-gradient);color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;background-attachment:fixed}svg{display:block}input,select,button{font-family:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:260px;flex-shrink:0;position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#0e1420f5,#090d16fa);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:20px 16px;gap:18px;z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;padding:6px 8px 16px;border-bottom:1px solid var(--line)}.brand-logo{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--green),var(--vio));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px var(--green-glow)}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text b{font-size:17px;font-weight:900;letter-spacing:.5px;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-text span{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:1px}.nav{display:flex;flex-direction:column;gap:6px;flex:1;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--muted);font-size:13.5px;font-weight:700;cursor:pointer;text-decoration:none;transition:all .2s cubic-bezier(.2,.8,.2,1);text-align:left;width:100%}.nav-item:hover{background:#ffffff0d;color:#fff;border-color:var(--line);transform:translate(3px)}.nav-item.on{background:linear-gradient(135deg,#10b98138,#8b5cf638);color:#fff;border:1px solid rgba(16,185,129,.4);box-shadow:0 8px 20px -4px #00000080,inset 0 1px #ffffff1a}.nav-ic{display:flex}.nav-badge{margin-left:auto;background:linear-gradient(135deg,var(--green),var(--green-d));color:#000;font-size:11px;font-weight:900;min-width:22px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 0 10px var(--green-glow)}.sidebar-foot{border-top:1px solid var(--line);padding-top:12px}.nav-item.logout{color:#f87171}.nav-item.logout:hover{background:#ef44441f;color:#fca5a5;border-color:#ef44444d}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:18px 32px;background:#080c14d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:0 4px 20px #0006}.topbar h1{font-size:22px;font-weight:900;margin:0;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hamburger{display:none;background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:10px;width:42px;height:42px;cursor:pointer;align-items:center;justify-content:center}.scrim{display:none}.content{padding:28px 32px 64px;max-width:1280px;width:100%;margin:0 auto}@media (max-width: 900px){.sidebar{position:fixed;transform:translate(-100%);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.sidebar.open{transform:translate(0)}.hamburger{display:flex}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:25;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.content{padding:18px 16px 48px}.topbar{padding:14px 18px}}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card:hover{border-color:var(--line-hover)}.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;cursor:pointer;border-radius:12px;padding:11px 18px;font-size:13.5px;font-weight:800;border:1px solid var(--line);background:var(--panel-2);color:var(--text);transition:all .18s cubic-bezier(.2,.8,.2,1);text-decoration:none;box-shadow:0 4px 12px #00000040}.btn:hover{transform:translateY(-2px);border-color:#ffffff40;box-shadow:0 8px 20px #00000059;color:#fff}.btn:active{transform:translateY(0)}.btn.primary{background:linear-gradient(135deg,var(--green),var(--green-d));border:1px solid rgba(16,185,129,.6);color:#041a10;box-shadow:0 8px 22px var(--green-glow),inset 0 1px #ffffff40}.btn.primary:hover{background:linear-gradient(135deg,#34d399,var(--green));box-shadow:0 12px 28px #10b9818c;color:#000}.btn.primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn.ghost{background:#ffffff0a;border-color:var(--line)}.btn.ghost:hover{background:#ffffff17}.btn.block{width:100%}.btn.lg{padding:14px 28px;font-size:15px}.ibtn{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.ibtn:hover{color:#fff;border-color:var(--green);transform:translateY(-1px)}.ibtn.danger:hover{color:#fca5a5;border-color:var(--red);background:var(--red-l)}.mini{display:inline-flex;align-items:center;gap:5px;cursor:pointer;border:1px solid var(--line);background:var(--panel-2);color:var(--text-dim);border-radius:9px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .15s ease}.mini.primary{background:linear-gradient(135deg,var(--green),var(--green-d));border-color:#10b98180;color:#021a0f;box-shadow:0 4px 12px var(--green-glow)}.mini:hover{border-color:#ffffff4d;color:#fff;transform:translateY(-1px)}.mini-note{font-size:11.5px;color:var(--muted)}input,select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#080c14b3;color:#fff;font-size:13.5px;outline:none;transition:all .15s ease}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #10b98133}.field{margin-bottom:14px}.field label,.sec-sub{display:block;font-size:12.5px;color:var(--muted);margin-bottom:6px;font-weight:600}.row{display:flex;gap:10px}.row input{flex:1}.muted{color:var(--muted)}.pos{color:var(--green);font-weight:800}.neg{color:var(--red);font-weight:800}.pill{font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:4px}.pill.green{color:#34d399;background:#10b98129;border:1px solid rgba(16,185,129,.3)}.pill.amber{color:#fbbf24;background:#f59e0b29;border:1px solid rgba(245,158,11,.3)}.pill.red{color:#f87171;background:#ef444429;border:1px solid rgba(239,68,68,.3)}.pill.blue{color:#60a5fa;background:#3b82f629;border:1px solid rgba(59,130,246,.3)}.pill.purple{color:#c084fc;background:#a855f729;border:1px solid rgba(168,85,247,.3)}.pill.slate{color:#94a3b8;background:#94a3b81f;border:1px solid rgba(148,163,184,.2)}.alert{margin-top:14px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#fca5a5;border-radius:12px;padding:12px 14px;font-size:13px;font-weight:600}.alert.amber{background:#f59e0b1f;border-color:#f59e0b4d;color:#fde68a}.empty{text-align:center;padding:60px 20px;color:var(--muted)}.empty-icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#10b98133,#8b5cf633);color:var(--green);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;border:1px solid var(--line)}.empty h3{color:#fff;margin:0 0 6px;font-size:19px;font-weight:800}.empty p{margin:0;font-size:13.5px;color:var(--muted)}.acct-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.acct-tile{display:flex;flex-direction:column;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .2s ease}.acct-tile:hover{border-color:#fff3;transform:translateY(-2px)}.acct-tile.busy{border-color:#60a5fa99;box-shadow:0 0 20px #3b82f640}.acct-tile.paused{opacity:.65}.acct-head{display:flex;align-items:center;gap:12px}.acct-av{width:46px;height:46px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#10b98140,#8b5cf640);color:var(--green);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--line)}.acct-av img{width:100%;height:100%;object-fit:cover}.acct-id-block{flex:1;min-width:0}.acct-nm{font-size:15px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acct-handle{font-size:12px;color:var(--muted)}.acct-badges{display:flex;flex-direction:column;gap:4px;align-items:flex-end;flex-shrink:0}.acct-statline{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--text-dim);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0}.acct-statline .stat{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.acct-statline svg{color:var(--gold)}.acct-statline .gem{color:#c084fc}.acct-uid{font-size:11px;color:var(--muted);font-family:JetBrains Mono,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acct-foot{display:flex;gap:8px;justify-content:flex-end}.reset-due{color:var(--amber);font-weight:800}.cd{font-family:JetBrains Mono,monospace;font-weight:700;color:var(--gold)}.spin-banner{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#10b98126,#8b5cf626);color:#34d399;border:1px solid rgba(16,185,129,.35);border-radius:var(--radius-sm);padding:14px 18px;font-size:13.5px;font-weight:600;margin-bottom:20px}.spin-next{font-size:14px;font-weight:800;border-top:1px solid var(--line);padding-top:10px;color:#fff}.spin-meta{font-size:12px;color:var(--muted)}.clients-wrap{display:flex;flex-direction:column;gap:20px}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.client-card{display:flex;flex-direction:column;gap:10px}.client-head{display:flex;justify-content:space-between;align-items:center}.muted-sm{font-size:12px;color:var(--muted)}.kv2{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px}.kv2>span:first-child{color:var(--muted);flex-shrink:0}.copyable{cursor:pointer;background:#ffffff0d;border:1px solid var(--line);border-radius:8px;padding:5px 10px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .15s ease}.copyable.mono{font-family:JetBrains Mono,monospace;font-size:11.5px;color:#38bdf8}.copyable:hover{border-color:var(--green);background:#10b9811a}.client-foot{display:flex;gap:8px;align-items:center}.topup-in{flex:1;padding:9px 12px;font-size:13px}.api-docs pre{background:#090d16;color:#e2e8f0;border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:12px;overflow:auto;line-height:1.6}.api-docs code{background:#10b98133;color:#34d399;padding:2px 6px;border-radius:6px}.hist-card{padding:0;overflow:hidden}.hist{width:100%;border-collapse:collapse;font-size:13px}.hist th{text-align:left;padding:13px 16px;background:#ffffff08;color:var(--muted);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--line);position:sticky;top:0}.hist td{padding:12px 16px;border-bottom:1px solid var(--line)}.hist tr:last-child td{border-bottom:0}.hist .mono{font-family:JetBrains Mono,monospace;letter-spacing:1px;color:#fbbf24;font-weight:700}.hist-act{font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px}.hist-act.create{background:#10b98133;color:#34d399}.hist-act.start{background:#3b82f633;color:#60a5fa}.hist-act.leave,.hist-act.close{background:#ef444433;color:#f87171}.hist-act.finished{background:#f59e0b33;color:#fbbf24}.split{display:flex;gap:20px;align-items:flex-start}.split-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}.split-side{width:320px;flex-shrink:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-card);position:sticky;top:90px}.side-head{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:#fff;margin-bottom:14px}.side-empty{font-size:13px;color:var(--muted);padding:20px 4px;text-align:center}@media (max-width: 980px){.split{flex-direction:column}.split-side{width:100%;position:static}}.hero-card{background:linear-gradient(135deg,#121826f2,#10b9811f);border:1px solid rgba(16,185,129,.3);border-radius:20px;padding:32px 24px;text-align:center;box-shadow:0 20px 50px -10px #000000b3}.hero-icon{width:68px;height:68px;border-radius:22px;background:linear-gradient(135deg,var(--green),var(--vio));color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 12px 30px var(--green-glow)}.hero-card h2{margin:0 0 8px;font-size:22px;font-weight:900;color:#fff}.hero-card p{margin:0 0 20px;color:var(--muted);font-size:14px;line-height:1.5}.hero-meta{margin-top:16px;font-size:13px;color:var(--muted);font-weight:600}.code-card{text-align:center;border:1px solid rgba(16,185,129,.4)}.cc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cc-acct{font-weight:800;font-size:14px;color:#fff}.cc-code{display:inline-flex;align-items:center;gap:12px;font-size:38px;font-weight:900;letter-spacing:5px;color:#4ade80;cursor:pointer;font-family:JetBrains Mono,monospace;margin:6px 0;text-shadow:0 0 20px rgba(74,222,128,.4);transition:transform .15s ease}.cc-code:hover{transform:scale(1.03)}.cc-foot{font-size:12.5px;color:var(--muted)}.act-item{border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:12px;background:#ffffff05}.act-top{display:flex;justify-content:space-between;align-items:center}.act-code{font-weight:900;font-family:JetBrains Mono,monospace;letter-spacing:1px;color:#fbbf24}.dotstat{font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px}.dotstat.run{color:#34d399;background:#10b98133}.dotstat.wait{color:#fbbf24;background:#f59e0b33}.dotstat.done{color:#94a3b8;background:#94a3b826}.act-sub{font-size:12px;color:var(--muted);margin:6px 0 10px}.act-actions{display:flex;gap:6px;flex-wrap:wrap}.board{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;aspect-ratio:1/1;max-width:320px;margin:8px auto 14px}.board-cell{border-radius:16px;border:2px solid var(--line);background:var(--panel-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px;text-align:center;min-width:0;box-shadow:inset 0 2px 6px #0006}.board-cell.red{border-color:#ef444499;background:#ef44441a}.board-cell.green{border-color:#10b98199;background:#10b9811a}.board-cell.blue{border-color:#3b82f699;background:#3b82f61a}.board-cell.yellow{border-color:#f59e0b99;background:#f59e0b1a}.board-cell.empty{opacity:.4;border-style:dashed}.bc-av{width:42px;height:42px;border-radius:50%;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center;color:var(--muted);border:2px solid var(--line)}.bc-av img{width:100%;height:100%;object-fit:cover}.bc-name{font-size:13px;font-weight:800;color:#fff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bc-home{font-size:11px;color:#34d399;font-weight:800}.tag{font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px}.tag.host{background:var(--green);color:#000}.tag.mine{background:var(--vio);color:#fff}.tag.rank.win{background:var(--gold);color:#000}.settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px;align-items:start}.sec-title{display:flex;align-items:center;gap:8px;font-size:16px;margin:0 0 6px;font-weight:800;color:#fff}.sec-title svg{color:var(--gold)}.steps{margin:10px 0;padding-left:20px;font-size:13px;color:var(--text-dim);line-height:1.8}.steps code{background:#10b98133;color:#34d399;padding:2px 6px;border-radius:6px}