:root { --card-bg: rgba(13,17,23,.95); --card-border: rgba(255,255,255,.1); --accent: var(--brand-accent,#68e1fd); --muted: var(--brand-muted,#9fb2c7); --danger:#ef4444; --success:#4ade80; }
* { box-sizing: border-box; }
.admin-page { margin:0; min-height:100vh; background:var(--brand-bg,#080b10); color:var(--brand-text,#e8eef5); font-family:Inter,system-ui,sans-serif; }
.admin-header { position:sticky; top:0; z-index:2; padding:.8rem 1rem; background:rgba(8,11,16,.95); border-bottom:1px solid var(--card-border); }
.admin-header h1 { margin:0; font-size:1.1rem; }
.admin-content,.cf-admin-panel { display:flex; flex-direction:column; gap:1rem; width:100%; }
.admin-content { max-width:760px; margin:auto; padding:1rem; }
.cf-admin-panel .card,.admin-page .card { padding:1rem 1.25rem; background:var(--card-bg); border:1px solid var(--card-border); border-radius:12px; }
.cf-admin-panel h3 { margin:0 0 .7rem; font-size:.86rem; text-transform:uppercase; color:var(--muted); }
.cf-admin-panel p { color:var(--muted); font-size:.8rem; }
.cf-admin-panel button,.admin-page button { padding:.42rem .75rem; border:1px solid rgba(104,225,253,.3); border-radius:7px; color:var(--accent); background:rgba(104,225,253,.1); cursor:pointer; }
.cf-admin-panel input,.admin-page input { max-width:100%; padding:.42rem .55rem; border:1px solid var(--card-border); border-radius:6px; color:var(--brand-text,#e8eef5); background:rgba(255,255,255,.04); }
.cf-admin-toolbar { display:flex; justify-content:flex-end; }
.stat-row,.config-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.4rem 0; border-bottom:1px solid rgba(255,255,255,.05); }
.spend-bar { height:8px; overflow:hidden; background:rgba(255,255,255,.06); border-radius:4px; }.spend-bar div { height:100%; background:var(--accent); }
.admin-add-row,.admin-feature-list { display:flex; flex-wrap:wrap; gap:.55rem; align-items:center; }.admin-add-row { margin-top:.8rem; }
.allowlist-row,.submission-item,.flag-item { padding:.65rem 0; border-bottom:1px solid rgba(255,255,255,.06); }.allowlist-row small { color:var(--muted); }
.admin-feature-list { margin-top:.45rem; font-size:.78rem; color:var(--muted); }
.admin-table-wrap { overflow-x:auto; }.cf-admin-panel table { width:100%; border-collapse:collapse; font-size:.78rem; }.cf-admin-panel th,.cf-admin-panel td { padding:.4rem; border-bottom:1px solid rgba(255,255,255,.06); text-align:center; }.cf-admin-panel th:first-child,.cf-admin-panel td:first-child { text-align:left; }
.archives-stat-grid { display:flex; flex-wrap:wrap; gap:1rem; }.status-msg { min-height:1.2em; color:var(--danger); }
#auth-screen { display:grid; gap:.8rem; max-width:420px; margin:15vh auto 0; } #auth-screen[hidden],#dashboard[hidden] { display:none; }
.beta-request-row { padding: 12px 0; border-top: 1px solid rgba(255,255,255,.1); }
.beta-request-row:first-child { border-top: 0; }
.beta-request-row p { white-space: pre-wrap; overflow-wrap: anywhere; margin: 8px 0; }
.beta-request-row button + button { margin-left: 8px; }
#beta-requests-history { margin-top: 12px; }
#beta-requests-history summary { cursor: pointer; }

/* Submission card details restored after the shared-client extraction
   dropped them (thumbnail needs an auth header, so it loads lazily). */
.cf-admin-panel .sub-contact,
.cf-admin-panel .sub-shared-flags { font-size: 0.78rem; color: var(--muted, #8b949e); margin-top: 2px; }
.cf-admin-panel .sub-thumb { display: block; width: 128px; height: 64px; margin-top: 6px; background: #000; image-rendering: pixelated; border: 1px solid var(--border, #333); }
.cf-admin-panel .sub-reviewer-notes { font-size: 0.78rem; color: var(--muted, #8b949e); margin-top: 4px; font-style: italic; }