:root{--indigo:#6d5ef6;--ink:#0f172a;--muted:#64748b;--bg:#f8fafc;--surface:#fff;--border:#e2e8f0}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.55}a{color:var(--indigo);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:960px;margin:0 auto;padding:0 24px}.topbar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:18px 0;display:flex}.brand{letter-spacing:-.02em;font-size:20px;font-weight:800}.brand span{color:var(--indigo)}.btn{background:var(--indigo);color:#fff;cursor:pointer;font-weight:600;font:inherit;border:none;border-radius:10px;padding:11px 20px;display:inline-block}.btn:hover{opacity:.92;text-decoration:none}.btn-ghost{color:var(--indigo);border:1px solid var(--border);background:0 0}h1{letter-spacing:-.02em;font-size:30px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px}.card h3{margin:0 0 4px}.muted{color:var(--muted)}.badge{color:var(--indigo);background:#eef2ff;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.empty{text-align:center;padding:64px 24px}label{margin:14px 0 6px;font-weight:600;display:block}input,select{border:1px solid var(--border);width:100%;font:inherit;border-radius:10px;padding:12px 14px}.form{max-width:520px}.vgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:6px;display:grid}.vopt{border:1px solid var(--border);cursor:pointer;background:var(--surface);border-radius:12px;padding:14px}.vopt.sel{border-color:var(--indigo);box-shadow:0 0 0 2px #eef2ff}