:root{color-scheme:dark;--bg:#050409;--panel:rgba(10, 8, 18, 0.75);--violet:#7a1fff;--cyan:#19f6da;--magenta:#ff2bd6;--text:#d8d6e6;--muted:#7b778a;--grid:rgba(122, 31, 255, 0.22);--glow:0 0 18px rgba(122, 31, 255, 0.35);--danger:#ff6b6b}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(24px,5vw,64px);background:radial-gradient(60% 80%at 15% 10%,rgba(122,31,255,.16),transparent 60%),radial-gradient(50% 60%at 85%0,rgba(25,246,218,.08),transparent 60%),linear-gradient(140deg,rgba(255,43,214,.05),transparent 40%),#050409;color:var(--text);font-family:"IBM Plex Mono","Share Tech Mono",ui-monospace,monospace;letter-spacing:.02em}main.frame{position:relative;z-index:1;width:min(1100px,100%);background:var(--panel);border:1px solid var(--grid);border-radius:18px;padding:clamp(24px,4vw,56px);box-shadow:0 24px 60px rgba(5,4,9,.9),var(--glow);backdrop-filter:blur(10px)}main.frame::before{content:"";position:absolute;inset:10px;border:1px dashed rgba(122,31,255,.18);border-radius:12px;pointer-events:none}.hero{display:grid;gap:14px}.card h2,.tag{text-transform:uppercase;letter-spacing:.4em;font-size:.75rem;color:var(--muted)}.title{font-family:"Share Tech Mono","IBM Plex Mono",ui-monospace,monospace;font-size:clamp(24px,4vw,42px);letter-spacing:.2em;text-transform:lowercase}.subtitle{color:var(--muted);line-height:1.6;font-size:.95rem}.divider{margin:28px 0;height:1px;background:linear-gradient(90deg,transparent,rgba(122,31,255,.45),transparent)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card{padding:18px;border:1px solid rgba(122,31,255,.3);border-radius:12px;background:rgba(8,6,14,.7);display:grid;gap:12px}.admin-only[hidden]{display:none!important}.card h2{font-size:.85rem;letter-spacing:.3em;color:var(--cyan)}.status,table{font-size:.78rem}.status{color:var(--muted)}.auth{display:grid;gap:10px}input[type=password],input[type=text]{background:rgba(6,8,16,.8);border:1px solid rgba(122,31,255,.4);color:var(--text);padding:10px;border-radius:8px;font-family:inherit}.btn{display:inline-flex;justify-content:center;padding:10px 14px;border-radius:10px;border:1px solid rgba(122,31,255,.5);text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;background:rgba(8,6,14,.7);color:var(--text);cursor:pointer;text-decoration:none}.btn.primary{background:linear-gradient(130deg,rgba(122,31,255,.35),rgba(25,246,218,.25));box-shadow:0 0 16px rgba(122,31,255,.25)}.btn.danger{border-color:rgba(255,107,107,.6);color:var(--danger)}.btn,.check,.row{align-items:center}.row{display:flex;flex-wrap:wrap;gap:10px}.check{display:inline-flex;gap:6px;font-size:.75rem;color:var(--muted)}table{width:100%;border-collapse:collapse}td,th{padding:8px 6px;text-align:left;border-bottom:1px solid rgba(122,31,255,.18)}th{text-transform:uppercase;letter-spacing:.2em;font-size:.65rem}.table-actions{display:flex;gap:6px;flex-wrap:wrap}.perm-line,th{color:var(--muted)}.perm-line{font-size:.75rem;display:grid;gap:4px}@media (max-width:720px){body{padding:12px;align-items:flex-start}main.frame{padding:16px}td,th{font-size:.7rem}}