:root{color:#e5ecff;background:#0b1020;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit}.shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;width:280px;height:100vh;padding:2rem 1.25rem;background:#0f172af2;border-right:1px solid rgba(148,163,184,.18)}.brand{margin-bottom:2rem;font-size:1.25rem;font-weight:800;letter-spacing:-.04em}nav{display:grid;gap:.4rem}nav a{padding:.75rem .9rem;text-decoration:none;color:#bfd0ff;border-radius:.8rem}nav a:hover,nav a:focus-visible{color:#fff;background:#6366f133}.content{width:100%;padding:3rem}.hero{max-width:920px;margin-bottom:1.5rem}.eyebrow{color:#93c5fd;font-size:.8rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1{margin:0 0 1rem;font-size:clamp(2.5rem,7vw,5rem);line-height:.95;letter-spacing:-.08em}h2{margin:0 0 .75rem}p{color:#b7c4dc;line-height:1.65}.status-card,.page-card{border:1px solid rgba(148,163,184,.18);border-radius:1.2rem;background:#0f172ab8;box-shadow:0 24px 70px #00000047}.status-card{display:flex;align-items:center;gap:1rem;max-width:920px;margin-bottom:2rem;padding:1.1rem 1.25rem}.status-card p{margin:.2rem 0 0}.status-dot{width:.9rem;height:.9rem;border-radius:999px;background:#22c55e;box-shadow:0 0 0 .45rem #22c55e26}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.page-card{padding:1.25rem}.page-card span{display:inline-flex;margin-top:1rem;padding:.35rem .7rem;color:#bfdbfe;background:#3b82f621;border:1px solid rgba(59,130,246,.25);border-radius:999px;font-size:.8rem;font-weight:700}@media(max-width:860px){.shell{display:block}.sidebar{position:relative;width:100%;height:auto}.content{padding:1.25rem}}button,input{font:inherit}button,.button-link{cursor:pointer;border:1px solid rgba(129,140,248,.45);border-radius:.75rem;background:#4f46e547;color:#eef2ff;padding:.65rem .9rem;font-weight:800}.button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}button:hover,button:focus-visible,.button-link:hover,.button-link:focus-visible{background:#4f46e573}button:disabled{cursor:not-allowed;opacity:.55}button.destructive{border-color:#f871718c;background:#7f1d1d5c}button.destructive:hover,button.destructive:focus-visible{background:#b91c1c85}input{width:100%;margin-top:.35rem;border:1px solid rgba(148,163,184,.28);border-radius:.75rem;background:#0f172acc;color:#e5ecff;padding:.7rem .8rem}label{display:grid;gap:.2rem;color:#dbeafe;font-size:.9rem;font-weight:700}code{word-break:break-all;color:#bae6fd}.section-heading,.app-card-header,.keys-heading,.key{display:flex;align-items:center;justify-content:space-between;gap:1rem}.apps-panel{margin-bottom:1rem}.error{padding:.9rem 1rem;border:1px solid rgba(248,113,113,.45);border-radius:.85rem;color:#fecaca;background:#7f1d1d59}.sync-summary,.notice-card{margin:0 0 1rem;padding:.85rem 1rem;border:1px solid rgba(59,130,246,.28);border-radius:.85rem;color:#dbeafe;background:#3b82f621;line-height:1.55}.notice-card p{margin:.35rem 0 0}.one-time-key{display:grid;gap:.75rem;margin:1rem 0;padding:1rem;border:1px solid rgba(250,204,21,.45);border-radius:1rem;background:#713f1252}.one-time-key code{display:block;padding:.8rem;border-radius:.7rem;background:#0f172ad9}.create-form,.webhook-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;align-items:end}.form-help,.empty-state{margin:0;color:#bfdbfe}.permission-bank{margin:1.25rem 0;padding:1rem;border:1px dashed rgba(147,197,253,.35);border-radius:1rem}.permission-bank div,.chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.75rem}.permission-bank code,.chips span{padding:.3rem .55rem;border-radius:999px;background:#3b82f626;border:1px solid rgba(59,130,246,.25);font-size:.78rem}.app-list{display:grid;gap:1rem}.app-card{padding:1rem;border-radius:1rem;background:#0206175c;border:1px solid rgba(148,163,184,.14)}.app-card h3{margin:0}.app-card.archived{border-color:#f8717152;opacity:.76}.app-actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:flex-end}.webhook-row,.webhook-summary,.keys-heading,.key-list{margin-top:1rem}.app-edit-form{display:grid;gap:1rem;margin-top:1rem;padding:1rem;border:1px solid rgba(147,197,253,.22);border-radius:1rem;background:#0f172a8c}.app-edit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.permission-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.65rem;margin:0;padding:1rem;border:1px dashed rgba(147,197,253,.35);border-radius:1rem}.permission-picker legend{padding:0 .4rem;color:#dbeafe;font-weight:800}.capability-picker,.advanced-fields{grid-column:1 / -1}.capability-label{align-items:flex-start}.capability-label span{display:grid;gap:.2rem}.capability-label small{color:#bfdbfe}.advanced-fields{padding:.8rem 1rem;border:1px solid rgba(147,197,253,.22);border-radius:1rem;background:#0f172a66}.advanced-fields summary{cursor:pointer;color:#dbeafe;font-weight:800}.advanced-fields label,.advanced-fields .permission-picker{margin-top:.8rem}.webhook-summary{display:grid;gap:.4rem}.webhook-summary p{margin:0}.key-list{display:grid;gap:.6rem}.key{padding:.7rem;border-radius:.8rem;background:#0f172abd}.key.revoked{opacity:.58}.placeholder{margin-top:1rem}@media(max-width:720px){.section-heading,.app-card-header,.keys-heading,.key,.app-actions{align-items:stretch;flex-direction:column}}.admin-auth{max-width:920px;margin-bottom:1rem;padding:1rem}.button-row,.twitch-meta,.twitch-account-list,.scope-grid{display:grid;gap:.75rem}.button-row{grid-template-columns:repeat(auto-fit,minmax(140px,max-content))}.twitch-panel{margin-bottom:1rem}.twitch-account-list{margin-top:1rem}.twitch-account,.app-token-card{padding:1rem;border-radius:1rem;background:#0206175c;border:1px solid rgba(148,163,184,.14)}.twitch-account.healthy{border-color:#22c55e66}.twitch-account.degraded{border-color:#f8717173}.twitch-meta{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:.75rem 0}.scope-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.chips.missing span{color:#fecaca;background:#7f1d1d59;border-color:#f8717173}.diagnostic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}.diagnostic-row{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.eventsub.degraded{border-left:4px solid #f97316;padding-left:1rem}.eventsub.healthy{border-left:4px solid #22c55e;padding-left:1rem}.table-list{display:grid;gap:.85rem}.log-row,.delivery-row,.delivery-status{border:1px solid rgba(148,163,184,.25);border-radius:12px;padding:.85rem;background:#0f172a8c}.log-row p,.delivery-row p{margin:.35rem 0}.delivery-row code{display:block;margin-top:.25rem;overflow-wrap:anywhere}.delivery-status{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.75rem 0}.button-row input{min-width:220px}select{border:1px solid rgba(148,163,184,.28);border-radius:.75rem;background:#0f172acc;color:#e5ecff;padding:.7rem .8rem;font:inherit}.json-block{overflow:auto;max-height:12rem;padding:.8rem;border:1px solid rgba(148,163,184,.18);border-radius:.8rem;background:#0206178c;color:#bfdbfe;white-space:pre-wrap}textarea{min-height:6rem;width:100%;margin-top:.35rem;border:1px solid rgba(148,163,184,.28);border-radius:.75rem;background:#0f172acc;color:#e5ecff;padding:.7rem .8rem;font:inherit}.checkbox-label{display:flex;align-items:center;gap:.5rem}.checkbox-label input{width:auto;margin:0}.command-form{margin-bottom:1rem}.helper-text{margin:.25rem 0 .75rem;color:#a8b3cf;font-size:.9rem;line-height:1.45}