:root{--green:#0e3226;--green2:#09281f;--green3:#1c5a45;--mint:#9dbaa9;--gold:#c5a059;--goldHi:#e9cd84;--goldDeep:#8a6516;--goldPale:#f7efd8;--paper:#e8e4da;--card:#f5f0e6;--card2:#fffcf3;--rule:#e6e0cf;--rule2:#dcd5c3;--ink:#26221a;--ink2:#3f4640;--ink3:#5b6157;--mute:#7d8377;--mute2:#8a8f83;--danger:#8e2a22}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100%}body{background:var(--paper);color:var(--ink);font-family:Tajawal,Geeza Pro,system-ui,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}input,select{font:inherit}.top{color:var(--paper);z-index:20;background:linear-gradient(#0e3226,#09281f);position:sticky;top:0;box-shadow:0 6px 18px #09281f2e}.top .row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:16px 24px 0;display:flex}.brand{align-items:baseline;gap:12px;display:flex}.brand h1{color:var(--goldHi);font-family:Amiri,serif;font-size:26px;font-weight:700}.brand .book{color:var(--mint);align-items:center;gap:8px;font-size:14px;display:flex}.brand select{color:var(--paper);background:#f5f0e614;border:1px solid #9dbaa959;border-radius:999px;padding:4px 12px}.me{color:#9dbaa9e6;align-items:center;gap:10px;font-size:14px;display:flex}.me .role{color:var(--goldHi);border:1px solid #e9cd8480;border-radius:999px;padding:2px 10px;font-size:12.5px}.me a{color:var(--goldHi);border:1px solid #e9cd8466;border-radius:999px;padding:4px 12px;font-size:13px}nav.tabs{scrollbar-width:none;gap:22px;max-width:1100px;margin:10px auto 0;padding:0 24px;display:flex;overflow-x:auto}nav.tabs::-webkit-scrollbar{display:none}nav.tabs a{color:var(--mint);white-space:nowrap;border-bottom:3px solid #0000;padding:10px 2px 14px;font-size:15.5px}nav.tabs a.on{color:var(--goldHi);border-bottom-color:var(--goldHi)}nav.tabs a.soon{opacity:.55}main{max-width:1100px;margin:0 auto;padding:26px 24px 80px}h2{color:var(--green);margin-bottom:6px;font-family:Amiri,serif;font-size:28px}.sub{color:var(--ink3);margin-bottom:18px;font-size:15px}.card{background:var(--card);border:1px solid var(--rule);border-radius:18px;padding:18px 22px;box-shadow:0 1px 3px #09281f0d}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:18px;display:grid}.stat{background:var(--card2);border:1px solid var(--rule);border-radius:16px;padding:16px 18px}.stat .k{color:var(--goldDeep);letter-spacing:1px;font-size:12.5px;font-weight:700}.stat .v{color:var(--green);font-family:Amiri,serif;font-size:34px;line-height:1.2}.stat .d{color:var(--ink3);font-size:14px}table{border-collapse:collapse;width:100%;font-size:15px}th{text-align:start;letter-spacing:1px;color:var(--mute2);border-bottom:1px solid var(--rule2);padding:8px 10px;font-size:12px;font-weight:700}td{border-bottom:1px solid var(--rule);vertical-align:middle;padding:11px 10px}tr:last-child td{border-bottom:0}.chip{border:1px solid var(--rule2);color:var(--ink3);background:#f0ede4;border-radius:999px;padding:3px 11px;font-size:13px;font-weight:700}.chip.super_admin{background:var(--green);color:var(--goldHi);border-color:var(--green)}.chip.admin{color:var(--green3);border-color:var(--mint);background:#eaf1ec}.chip.viewer{background:var(--goldPale);color:#6b5a2a;border-color:#dccb9b}.chip.off{color:var(--mute);background:#f0ede4;text-decoration:line-through}.btn{border:1px solid var(--rule2);background:var(--card2);min-height:40px;color:var(--green3);border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:15px;display:inline-flex}.btn:hover{border-color:var(--green3)}.btn.gold{color:var(--green2);background:linear-gradient(#f7dfa0,#edb662,#d98a2b);border-color:#0000;font-family:Amiri,serif;font-size:17px;font-weight:700}.btn.quiet{color:var(--ink3);background:0 0;border-color:#0000}.btn.quiet:hover{color:var(--danger)}.btn:disabled{opacity:.5;cursor:default}form.inline{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}form.inline input,form.inline select{border:1px solid var(--rule2);background:var(--card2);border-radius:12px;min-width:180px;padding:9px 12px}.err{color:var(--danger);margin-top:8px;font-size:14px}.ok{color:var(--green3);margin-top:8px;font-size:14px}.mono{color:var(--mute2);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.gate{text-align:center;max-width:520px;margin:12vh auto}.gate h2{font-size:32px}.gate p{color:var(--ink3);margin:8px 0 22px}.soonbox{border:1px dashed var(--rule2);text-align:center;color:var(--ink3);background:var(--card);border-radius:18px;padding:42px 24px}.soonbox b{color:var(--green);margin-bottom:6px;font-family:Amiri,serif;font-size:22px;display:block}.log li{border-bottom:1px solid var(--rule);align-items:baseline;gap:12px;padding:8px 0;font-size:14.5px;list-style:none;display:flex}.log li:last-child{border-bottom:0}.log .t{color:var(--mute2);flex:none;font-family:ui-monospace,monospace;font-size:12.5px}@media (prefers-reduced-motion:no-preference){.card{animation:.18s ease-out rise}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}