:root{--bg: #070A12;--panel: rgba(255,255,255,.06);--panel2: rgba(255,255,255,.09);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.62);--line: rgba(255,255,255,.12);--good: #34d399;--bad: #fb7185;--warn: #fbbf24;--accent: #60a5fa;--glow: rgba(96,165,250,.3);--radius: 16px;--shadow: 0 10px 30px rgba(0,0,0,.45);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 800px at 20% 10%,rgba(96,165,250,.12),transparent 55%),radial-gradient(900px 600px at 80% 20%,rgba(52,211,153,.08),transparent 55%),radial-gradient(900px 600px at 40% 90%,rgba(251,113,133,.06),transparent 60%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.container{width:min(1100px,92vw);margin:0 auto;padding:18px 0 40px}.grid{display:grid;gap:14px}@media(min-width:900px){.grid.cols-2{grid-template-columns:1fr 1fr}.grid.cols-3{grid-template-columns:1fr 1fr 1fr}}.card{background:linear-gradient(180deg,var(--panel),rgba(255,255,255,.03));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cardHeader{padding:14px 14px 10px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.cardBody{padding:14px}.h1{font-size:18px;font-weight:700;letter-spacing:.2px}.muted{color:var(--muted)}.small{font-size:12px}.topbar{position:sticky;top:0;z-index:20;background:#070a12b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbarInner{width:min(1100px,92vw);margin:0 auto;padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px}.logo{width:34px;height:34px;border-radius:10px;background:radial-gradient(circle at 30% 30%,var(--accent),transparent 60%),radial-gradient(circle at 70% 70%,rgba(52,211,153,.9),transparent 55%),#ffffff0d;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 24px var(--glow)}.pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pill{padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff0d;font-size:12px}.btn{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:var(--text);cursor:pointer}.btn:hover{background:#ffffff1a}.btnPrimary{border-color:#60a5fa66;box-shadow:0 0 0 3px #60a5fa1f}.btnDanger{border-color:#fb718566;box-shadow:0 0 0 3px #fb71851a}.input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#00000040;color:var(--text);outline:none}.input:focus{border-color:#60a5fa8c;box-shadow:0 0 0 3px #60a5fa1f}.row{display:flex;gap:10px;align-items:center}.spacer{flex:1}.nav{display:flex;gap:8px}.nav a{padding:8px 10px;border-radius:12px;border:1px solid transparent;color:var(--muted)}.nav a.active{border-color:var(--line);background:#ffffff0d;color:var(--text)}.toastWrap{position:fixed;bottom:14px;left:50%;transform:translate(-50%);width:min(560px,92vw);z-index:999}.toast{margin-top:10px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast.good{border-color:#34d39959}.toast.bad{border-color:#fb718559}