:root{--c-red: #E63946;--c-blue: #3B82F6;--c-yellow: #F4C724;--c-purple: #9B5DE5;--c-cyan: #22D3EE;--bg-deep: #0A081E;--bg-mid: #131036;--bg-elev: #1E1B4B;--ink: #F5F3FF;--ink-muted: rgba(245, 243, 255, .65);--ink-dim: rgba(245, 243, 255, .38);--hairline: rgba(245, 243, 255, .1);--f-display: "Bungee", "Impact", sans-serif;--f-body: "Manrope", system-ui, sans-serif;--f-mono: "JetBrains Mono", "SF Mono", monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg-deep);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased}a{color:var(--c-cyan)}button{font-family:inherit;cursor:pointer}.display{font-family:var(--f-display);letter-spacing:.02em;line-height:1}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.tag{font-family:var(--f-display);font-size:10px;letter-spacing:.18em;color:var(--ink-dim)}.card{background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:1px solid var(--hairline);border-radius:14px;backdrop-filter:blur(8px)}.btn{border:1px solid var(--hairline);background:#ffffff0d;color:var(--ink);border-radius:10px;padding:8px 14px;font-size:12px;font-weight:600;letter-spacing:.02em;transition:filter .1s ease,transform .06s ease}.btn:hover:not(:disabled){filter:brightness(1.15)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--c-yellow),#d9a800);color:#1e1b4b;border-color:#0003;box-shadow:0 4px #00000059}.btn-danger{background:#e6394629;border-color:#e6394673;color:var(--c-red)}input,select,textarea{font:inherit;color:var(--ink);background:#00000059;border:1px solid var(--hairline);border-radius:8px;padding:8px 10px;outline:none}input:focus,select:focus,textarea:focus{border-color:#22d3ee99}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh;background:radial-gradient(ellipse at 0% 0%,rgba(155,93,229,.12),transparent 60%),radial-gradient(ellipse at 100% 100%,rgba(59,130,246,.1),transparent 60%),var(--bg-deep)}@media(max-width:720px){.shell{grid-template-columns:1fr}.sidebar{display:none}}.sidebar{border-right:1px solid var(--hairline);padding:20px 14px;background:#0000004d}.nav-item{display:flex;align-items:center;gap:8px;width:100%;border:none;background:transparent;color:var(--ink-muted);padding:9px 12px;border-radius:8px;font-size:13px;font-weight:600;text-align:left;margin-bottom:4px}.nav-item:hover{background:#ffffff0d}.nav-item.active{background:#22d3ee24;color:var(--c-cyan)}.content{padding:22px 28px;overflow-y:auto;height:100vh}@media(max-width:720px){.content{padding:16px}}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th,table.data td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--hairline)}table.data th{font-family:var(--f-display);font-size:10px;letter-spacing:.12em;color:var(--ink-dim);font-weight:400}table.data tr:hover{background:#ffffff08}table.data tr{cursor:pointer}.badge{display:inline-block;padding:2px 6px;border-radius:4px;font-family:var(--f-display);font-size:9px;letter-spacing:.1em}.badge-admin{background:#9b5de533;color:var(--c-purple)}.badge-mod{background:#3b82f633;color:var(--c-blue)}.badge-ban{background:#e6394633;color:var(--c-red)}.badge-guest{background:#22d3ee2e;color:var(--c-cyan)}.modal-backdrop{position:fixed;inset:0;background:#050314c7;backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.modal{width:100%;max-width:480px;max-height:92vh;overflow-y:auto;background:var(--bg-mid);border:1px solid var(--hairline);border-radius:14px;padding:22px}