:root{--ink:#0B0B0D;--card:#16161A;--line:#2A2A30;--gold:#D4AF37;--soft:#E8C766;--mute:#9A9AA3;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:inherit;margin:0}html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{background:var(--ink);color:#f3f1ea;font:16px/1.65 Cairo,system-ui,sans-serif}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:#0B0B0D}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url(/bg.jpg) center/contain no-repeat;opacity:.55;-webkit-mask-image:radial-gradient(circle closest-side,#000 66%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 66%,transparent 100%)}
a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}[hidden]{display:none!important}
h1,h2,h3{font-family:Cinzel,Cairo,Georgia,serif;font-weight:700}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:Cairo,sans-serif}
.gold{background:linear-gradient(180deg,#F3DE9A,#D4AF37 55%,#9C7A1E);-webkit-background-clip:text;background-clip:text;color:transparent}
.mute{color:var(--mute)}.sm{font-size:14px}.ok{color:#6fd49a}.bad{color:#f08a8a}
.btn{border:0;cursor:pointer;border-radius:10px;background:linear-gradient(180deg,var(--soft),var(--gold));color:var(--ink);font-weight:700;padding:10px 20px;box-shadow:0 0 0 1px #D4AF3773,0 10px 26px -10px #D4AF378c;transition:transform .2s,filter .2s;display:inline-block}
.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn:disabled{opacity:.5;transform:none}.btn.lg{padding:15px 30px;font-size:18px;border-radius:12px}
.btn.ghost,.btn.g{background:none;color:#f3f1ea;box-shadow:none;border:1px solid var(--line)}.btn.ghost:hover,.btn.g:hover{border-color:var(--gold)}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px}
.in{width:100%;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.in:focus{outline:2px solid var(--gold);border-color:transparent}
label{font-size:13px;color:var(--mute);display:grid;gap:5px}.f{display:grid;gap:14px}
.row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
.st{font-size:13px;padding:3px 12px;border-radius:99px;border:1px solid}.st.pending{color:var(--soft)}.st.approved{color:#6fd49a}.st.rejected,.st.suspended{color:#f08a8a}.st.active{color:#6fd49a}
dialog{max-height:92vh;overflow:auto;position:relative;margin:auto;background:var(--card);border:1px solid #D4AF3780;border-radius:18px;padding:28px;width:min(420px,92vw);color:inherit}dialog::backdrop{background:#000b}
.x{position:absolute;top:10px;inset-inline-end:12px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:none;color:var(--mute);cursor:pointer;font-size:16px;line-height:1}.x:hover{border-color:var(--gold);color:var(--soft)}
#toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--card);border:1px solid var(--gold);border-radius:12px;padding:12px 20px;display:none;z-index:99;max-width:92vw}
.icons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.icons a{width:48px;height:48px;border-radius:50%;border:1px solid #D4AF3780;display:grid;place-items:center;color:var(--soft);background:#0b0b0dcc;transition:transform .2s,background .2s,color .2s}.icons a:hover{background:var(--gold);color:var(--ink);transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}