:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#030507;--bg-2:#07090d;--panel:#ffffff12;--panel-strong:#ffffff1c;--border:#ffffff1f;--text:#eef6fb;--muted:#94a3b0;--aqua:#3fe7ff;--pink:#ff5ad9;--green:#45d483;--red:#ff6b87;--shadow:0 14px 40px #00000073}*{box-sizing:border-box}html,body,#root{background:radial-gradient(circle at top left, #3fe7ff0d, transparent 28%), radial-gradient(circle at top right, #ff5ad90a, transparent 28%), linear-gradient(180deg, var(--bg), var(--bg-2));min-height:100%;color:var(--text);margin:0;font-family:Inter,system-ui,Arial,sans-serif}a{color:inherit;text-decoration:none}.page{min-height:100vh;padding:28px}.shell{grid-template-columns:260px 1fr;gap:22px;min-height:100vh;padding:24px;display:grid}.glass{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow);border-radius:24px}.sidebar{flex-direction:column;gap:18px;padding:22px;display:flex}.brand{letter-spacing:.5px;font-size:28px;font-weight:800}.brand .aqua{color:var(--aqua);text-shadow:0 0 18px #3fe7ff47}.brand .pink{color:var(--pink);text-shadow:0 0 18px #ff5ad93d}.nav{flex-direction:column;gap:10px;display:flex}.nav a{background:#ffffff06;border:1px solid #0000;border-radius:16px;padding:12px 14px;transition:all .2s}.nav a:hover{border-color:#3fe7ff40;transform:translateY(-1px)}.content{flex-direction:column;gap:18px;display:flex}.topbar{justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.card{padding:22px}.card-title{margin:0 0 8px;font-size:22px;font-weight:700}.muted{color:var(--muted)}.grid{grid-template-columns:repeat(12,1fr);gap:18px;display:grid}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}.button{color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;padding:11px 15px;font-weight:700;transition:all .18s;box-shadow:0 8px 20px #0000002e}.button:hover{background:#ffffff17;border-color:#3fe7ff59;transform:translateY(-1px)}.button.danger:hover{border-color:#ff6b8773}.button.success:hover{border-color:#45d48373}.input,.select{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0d;border-radius:16px;outline:none;padding:13px 14px}.input:focus,.select:focus{border-color:#3fe7ff73;box-shadow:0 0 0 4px #3fe7ff12}.label{color:var(--muted);margin-bottom:8px;font-size:13px;display:block}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff14;padding:14px 12px}.badge{color:var(--green);background:#45d4831f;border:1px solid #45d4833d;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-block}.badge.revoked{color:var(--red);background:#ff6b871f;border-color:#ff6b873d}.login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(480px,100%);padding:28px}.user-list{flex-direction:column;gap:10px;margin-top:10px;display:flex}.user-pill{background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;justify-content:space-between;gap:12px;padding:12px 14px;display:flex}.actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=980px){.shell{grid-template-columns:1fr}.col-4,.col-6,.col-8,.col-12{grid-column:span 12}}