*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f11;--surface:#1a1a1f;--border:#2a2a32;--text:#e2e2e6;--muted:#6b6b78;--accent:#7c6dfa;--accent-h:#9d91fb;--danger:#f87171;--success:#4ade80;--radius:10px;color:var(--text);background:var(--bg);font:14px/1.5 system-ui,sans-serif}body{min-height:100svh}.page{max-width:960px;margin:0 auto;padding:40px 24px}.page-narrow{max-width:440px;margin:0 auto;padding:80px 24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}h1{letter-spacing:-.3px;font-size:22px;font-weight:600}h2{font-size:16px;font-weight:600}.muted{color:var(--muted);font-size:13px}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--muted);font-size:13px;font-weight:500}input,textarea,select{background:var(--bg);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:6px;width:100%;padding:9px 12px;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}select{appearance:none;cursor:pointer}textarea{resize:vertical;min-height:72px}.btn{font:inherit;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-weight:500;transition:opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-h)}.btn-ghost{color:var(--muted);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--muted)}.btn-danger{color:var(--danger);background:0 0;border:1px solid #0000;padding:5px 10px;font-size:12px}.btn-danger:hover:not(:disabled){border-color:var(--danger)}.btn-sm{padding:5px 12px;font-size:13px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=600px){.form-grid{grid-template-columns:1fr}}.col-span-2{grid-column:span 2}@media (width<=600px){.col-span-2{grid-column:span 1}}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:10px 14px;font-weight:500}tbody tr{border-bottom:1px solid var(--border);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#ffffff05}tbody td{vertical-align:middle;padding:12px 14px}.badge{letter-spacing:.3px;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-green{color:var(--success);background:#4ade801f}.badge-red{color:var(--danger);background:#f871711f}.flex{display:flex}.items-center{align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.ml-auto{margin-left:auto}.alert{color:var(--danger);background:#f871711a;border:1px solid #f8717133;border-radius:6px;padding:10px 14px;font-size:13px}.alert-success{color:var(--success);background:#4ade801a;border-color:#4ade8033}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-h)}.topbar{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 24px;display:flex}.topbar-title{font-size:15px;font-weight:600}