:root{--bg:#0f172a;--panel:#1e293b;--panel2:#273449;--border:#334155;--text:#e2e8f0;--muted:#94a3b8;--brand:#8b5cf6;--brand-dark:#7c3aed;--green:#22c55e;--red:#ef4444;--amber:#f59e0b}*{box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;margin:0;background:var(--bg);color:var(--text)}a{color:var(--brand)}h1,h2,h3{line-height:1.2}.wrap{max-width:1000px;margin:0 auto;padding:1.25rem}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:var(--panel)}.brand{font-weight:700;font-size:1.15rem}.muted{color:var(--muted)}.row{display:flex;gap:.75rem;flex-wrap:wrap}.grid{display:grid;grid-gap:1rem;gap:1rem}.cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.cols-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:1.1rem}.card h2{margin:0 0 .85rem;font-size:1.05rem}.item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:var(--panel2);border:1px solid var(--border);border-radius:10px;padding:.6rem .8rem;margin-bottom:.55rem}.item:last-child{margin-bottom:0}.pts{color:var(--amber);font-weight:700;white-space:nowrap}.btn{border:none;border-radius:9px;padding:.5rem .85rem;font-size:.9rem;font-weight:600;cursor:pointer;background:var(--brand);color:#fff}.btn:hover{background:var(--brand-dark)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.green{background:var(--green)}.btn.red{background:var(--red)}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn.sm{padding:.35rem .6rem;font-size:.82rem}input,select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:9px;padding:.55rem .7rem;font-size:.92rem;width:100%}label{display:block;font-size:.8rem;color:var(--muted);margin:0 0 .25rem}.field{margin-bottom:.7rem}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.72rem;font-weight:700;background:var(--panel2);border:1px solid var(--border)}.stat{text-align:center}.stat .n{font-size:1.9rem;font-weight:800}.stat .l{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.error{color:var(--red);font-size:.85rem;margin:.4rem 0}.empty{color:var(--muted);font-size:.88rem;padding:.3rem 0}.center{min-height:100vh;display:grid;place-items:center;padding:1.25rem}.tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tab{flex:1 1;text-align:center;padding:.55rem;border-radius:9px;cursor:pointer;background:var(--panel2);border:1px solid var(--border);font-weight:600}.tab.active{background:var(--brand);border-color:var(--brand)}.avatar{font-size:1.6rem}.kidpick{display:flex;flex-direction:column;align-items:center;gap:.35rem;background:var(--panel2);border:1px solid var(--border);border-radius:12px;padding:.8rem;cursor:pointer;min-width:90px}.kidpick:hover{border-color:var(--brand)}