:root{--bg:#090909;--bg-elevated:#1212128c;--bg-elevated-solid:#121212;--bg-input:#161616;--border:#ffffff12;--text:#f2f2f2;--text-muted:#8a8a8a;--accent:#ff2d2d;--accent-hover:#ff4747;--accent-glow:#ff2d2d66;--danger:#ff5f5f;--success:#5ad46a;--warning:#e8b339}*{box-sizing:border-box}html,body,#app{height:100%}body{color:var(--text);background:radial-gradient(circle at 78% 8%,#ff2d2d29,#0000 42%),radial-gradient(circle at 15% 95%,#ff2d2d14,#0000 40%),linear-gradient(#0c0c0c 0%,#070707 60%,#050505 100%);margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}a{color:inherit}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:6px}::-webkit-scrollbar-track{background:0 0}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.page-header h1{margin:0 0 4px;font-size:20px;font-weight:700}.page-header p{color:var(--text-muted);margin:0;font-size:13px}.card{background:var(--bg-elevated-solid);border:1px solid var(--border);border-radius:14px;padding:18px}.btn{border:1px solid var(--border);background:var(--bg-input);color:var(--text);border-radius:9px;padding:9px 14px;font-size:13px;font-weight:600;transition:border-color .12s,background .12s}.btn:hover{border-color:#ffffff2e}.btn:disabled{opacity:.5;cursor:default}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-hover));box-shadow:0 6px 16px var(--accent-glow);border:none}.btn-primary:hover{filter:brightness(1.05)}.btn-danger{color:var(--danger);background:0 0;border:1px solid #ff5f5f59}.btn-danger:hover{background:#ff5f5f1a}.btn-ghost{color:var(--text-muted);background:0 0;border:1px solid #0000}.btn-ghost:hover{color:var(--text)}.input{background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:9px;outline:none;padding:9px 12px;font-size:13.5px}.input:focus{border-color:var(--accent)}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border);padding:8px 12px;font-size:11.5px;font-weight:600}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}.table tr:last-child td{border-bottom:none}.badge{letter-spacing:.02em;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge-success{color:var(--success);background:#5ad46a24}.badge-muted{color:var(--text-muted);background:#ffffff0f}.badge-accent{color:var(--accent);background:#ff2d2d24}.badge-warning{color:var(--warning);background:#e8b33924}.empty-state{text-align:center;color:var(--text-muted);padding:32px;font-size:13px}.modal-backdrop{z-index:50;background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elevated-solid);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:14px;width:100%;max-width:440px;padding:22px;display:flex}.modal h2{margin:0;font-size:15px}.field{color:var(--text-muted);flex-direction:column;gap:6px;font-size:12.5px;display:flex}.field-row{gap:12px;display:flex}.field-row .field{flex:1}.modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}