:root{--bg:#0f1419;--panel:#1a1f29;--text:#e6e6e6;--muted:#9aa4b2;--accent:#4f8cff;--border:#2a303c}*{box-sizing:border-box}.loading-shell{display:flex;flex-direction:column;align-items:center;gap:12px;padding:80px 0;color:var(--muted)}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}header.site-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:14px 24px;border-bottom:1px solid var(--border);background:var(--panel)}header.site-header .brand{font-weight:700;font-size:18px;color:var(--text);text-decoration:none}header.site-header nav a{color:var(--muted);text-decoration:none;margin-right:18px;font-size:14px}header.site-header nav a:hover{color:var(--text)}main.container{max-width:860px;margin:0 auto;padding:48px 24px}main.container:has(.learn-wrap){max-width:none;padding:24px 16px 0}@media (max-width:600px){main.container{padding:28px 16px}}.btn{display:inline-block;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px;margin-top:20px}.muted{color:var(--muted)}footer.site-footer{border-top:1px solid var(--border);padding:24px;text-align:center;color:var(--muted);font-size:13px}footer.site-footer a{color:var(--muted);text-decoration:none}footer.site-footer a:hover{color:var(--text);text-decoration:underline}.small{font-size:.8rem}.admin-table{width:100%;border-collapse:collapse;margin-top:20px;font-size:.92rem}.admin-table td,.admin-table th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.admin-table th{color:var(--muted);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:700}.badge.on{background:rgba(16,185,129,.15);color:#34d399}.badge.off{background:rgba(148,164,178,.15);color:var(--muted)}.badge.admin{background:rgba(79,140,255,.18);color:#8ab4ff}.btn-sm{border:1px solid var(--border);background:transparent;color:var(--text);border-radius:7px;padding:6px 14px;font-size:.85rem;font-weight:600;cursor:pointer}.btn-sm.grant{border-color:#10b981;color:#34d399}.btn-sm.grant:hover{background:rgba(16,185,129,.12)}.btn-sm.revoke{border-color:#ef4444;color:#f87171}.btn-sm.revoke:hover{background:rgba(239,68,68,.12)}.plan-picker{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.plan-option{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:9px;padding:10px 14px;font-size:.92rem;cursor:pointer}.plan-option.selected{border-color:var(--accent);background:rgba(79,140,255,.1)}.premium-banner{margin-top:20px;padding:20px 22px;border-radius:14px;background:linear-gradient(135deg,rgba(79,140,255,.14),rgba(124,92,255,.14));border:1px solid rgba(124,92,255,.35)}.premium-banner-head{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.05rem;margin-bottom:12px}.premium-badge{background:linear-gradient(135deg,#4f8cff,#7c5cff);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.06em;padding:3px 9px;border-radius:20px}.premium-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.premium-list li{font-size:.92rem;color:var(--text)}