:root{--grad: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--grad-soft: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--bg: #0d0e1f;--panel: #16173100;--card: #191a38;--card2: #20214a;--text: #e9e9f7;--muted: #9a9ac2;--border: #2c2d5c;--danger: #ef4444;--ok: #22c55e;--warn: #f59e0b;--info: #38bdf8;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 10% -10%,rgba(124,58,237,.25),transparent 60%),radial-gradient(1000px 500px at 110% 10%,rgba(79,70,229,.22),transparent 55%),var(--bg);min-height:100vh}a{color:#a78bfa}.topbar{display:flex;align-items:center;gap:16px;padding:14px 24px;background:#141530b3;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.brand{font-weight:700;font-size:18px;letter-spacing:.3px;background:var(--grad-soft);-webkit-background-clip:text;background-clip:text;color:transparent}.tabs{display:flex;gap:6px;margin-left:12px}.tab{padding:8px 14px;border-radius:10px;cursor:pointer;color:var(--muted);border:1px solid transparent;font-size:14px}.tab:hover{color:var(--text)}.tab.active{color:#fff;background:var(--grad);border-color:transparent}.spacer{flex:1}.container{max-width:1100px;margin:0 auto;padding:24px}.card{background:linear-gradient(180deg,var(--card) 0%,var(--card2) 100%);border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:0 10px 30px #00000040}.card h2{margin:0 0 14px;font-size:16px}.card h3{margin:18px 0 10px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}input,select{width:100%;padding:10px 12px;border-radius:10px;background:#0f1030;border:1px solid var(--border);color:var(--text);font-size:14px;outline:none}input:focus,select:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed40}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.check label{margin:0}button{font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;border:none;border-radius:10px;padding:10px 16px;color:#fff;background:var(--grad);transition:filter .15s,opacity .15s}button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}button.ghost:hover{border-color:#7c3aed}button.danger{background:linear-gradient(135deg,#dc2626,#ef4444)}button.warn{background:linear-gradient(135deg,#d97706,#f59e0b)}button.sm{padding:6px 10px;font-size:12px;border-radius:8px}.btns{display:flex;flex-wrap:wrap;gap:8px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);font-size:14px}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}tbody tr:hover{background:#7c3aed0f}.table-wrap{overflow-x:auto}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge.green{background:#22c55e2e;color:#4ade80}.badge.blue{background:#38bdf82e;color:#7dd3fc}.badge.gray{background:#9a9ac22e;color:#c7c7e6}.badge.amber{background:#f59e0b2e;color:#fbbf24}.badge.red{background:#ef44442e;color:#f87171}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:380px;max-width:100%}.login-title{text-align:center;font-size:22px;font-weight:700;margin-bottom:4px}.login-sub{text-align:center;color:var(--muted);font-size:13px;margin-bottom:22px}.muted{color:var(--muted);font-size:13px}.err{color:#f87171;font-size:13px}.field{margin-bottom:14px}.stepbar{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.step{padding:6px 12px;border-radius:999px;font-size:12px;background:#0f1030;border:1px solid var(--border);color:var(--muted)}.step.active{background:var(--grad);color:#fff;border-color:transparent}.step.done{color:#4ade80;border-color:#22c55e66}.spinner{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite;vertical-align:-2px}@keyframes spin{to{transform:rotate(360deg)}}.toasts{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:10px;z-index:100}.toast{padding:12px 16px;border-radius:10px;font-size:14px;max-width:380px;box-shadow:0 8px 24px #0006;border:1px solid var(--border)}.toast.ok{background:#14321f;border-color:#22c55e80}.toast.err{background:#3a1620;border-color:#ef444480}