:root{--accent: #ff4d4d;--accent-dim: #c23838;--bg: #0b0b0f;--bg-2: #131319;--surface: #1a1a22;--surface-2: #21212b;--line: rgba(255, 255, 255, .09);--line-2: rgba(255, 255, 255, .16);--txt: #f3f3f6;--muted: #9a9aa8;--green: #3ad07a;--amber: #ffce47;--red: #ff5d5d;--blue: #5aa0ff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt)}a{color:var(--blue)}button{font-family:inherit}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:18px;padding:14px 24px;background:var(--bg-2);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{font-weight:800;font-size:20px;letter-spacing:.06em}.brand span{color:var(--accent)}.topbar .spacer{flex:1}.tabs{display:flex;gap:6px;padding:12px 24px 0}.tab{padding:10px 18px;border-radius:10px 10px 0 0;cursor:pointer;color:var(--muted);border:1px solid transparent;border-bottom:none;font-weight:600;background:none}.tab.active{color:var(--txt);background:var(--surface);border-color:var(--line)}.content{flex:1;padding:22px 24px 60px}.stats{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 18px;min-width:110px}.stat .n{font-size:26px;font-weight:800}.stat .l{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:9px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--txt);font-weight:600;cursor:pointer;font-size:14px}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-dim)}.btn.ghost{background:transparent}.btn.sm{padding:6px 10px;font-size:13px}.btn.danger{color:var(--red);border-color:#ff5d5d66}.btn.danger:hover{background:#ff5d5d1f;border-color:var(--red)}.btn:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:14px}label.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}input,select,textarea{background:var(--bg-2);border:1px solid var(--line-2);border-radius:8px;padding:9px 12px;color:var(--txt);font-size:14px;min-width:180px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:12px;overflow:hidden}.table th,.table td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);font-size:14px}.table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em;background:var(--bg-2)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#ffffff05}.mono{font-family:ui-monospace,Cascadia Code,Consolas,monospace}.badge{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge.active{background:#3ad07a29;color:var(--green)}.badge.pending{background:#ffce4729;color:var(--amber)}.badge.expired{background:#9a9aa82e;color:var(--muted)}.badge.blocked{background:#ff5d5d29;color:var(--red)}.badge.disabled{background:#9a9aa82e;color:var(--muted)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:50}.modal{background:var(--surface);border:1px solid var(--line-2);border-radius:16px;padding:24px;width:460px;max-width:calc(100vw - 32px);max-height:88vh;overflow:auto}.modal h3{margin:0 0 16px}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:36px;width:360px}.login-card h1{margin:0 0 4px;font-size:24px}.login-card .sub{color:var(--muted);margin-bottom:24px;font-size:14px}.login-card label.field{margin-bottom:14px}.login-card input{width:100%}.err{color:var(--red);font-size:13px;margin:8px 0}.muted{color:var(--muted)}.empty{padding:40px;text-align:center;color:var(--muted)}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--surface-2);border:1px solid var(--line-2);padding:12px 20px;border-radius:10px;z-index:100}.toast.err{border-color:var(--red);color:var(--red)}