:root{--brand: #6366f1;--brand-2: #8b5cf6;--bg: #0b0b12;--panel: #15151f;--panel-2: #1c1c28;--border: #2a2a3a;--text: #e7e7ef;--muted: #9aa0b4;--rose: #f43f5e;--emerald: #10b981;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 70% -10%,#1a1430 0%,var(--bg) 55%);color:var(--text);min-height:100vh}.brand-gradient{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:10px 16px;border-radius:12px;cursor:pointer;font-size:14px;transition:transform .12s ease,background .12s ease}.btn:hover{transform:translateY(-1px);background:#23232f}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{border:none;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff}.btn-ghost{background:transparent}.input{width:100%;background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px 12px;font-size:14px;outline:none}.input:focus{border-color:var(--brand)}.container{max-width:720px;margin:0 auto;padding:0 16px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);background:#0b0b1299;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.nav-link{color:var(--muted);text-decoration:none;font-size:14px}.nav-link.active{color:var(--text)}.tag{font-size:10px;color:var(--muted);opacity:.8}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--muted)}.center-col{display:flex;flex-direction:column;align-items:center;gap:14px}