@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&family=Manrope:wght@500;700;800&display=swap');
:root{color-scheme:dark;--gold:#e7b83e;--text:#f5f0e5;--muted:#aaa59a;--line:#302b1e}*{box-sizing:border-box}body{margin:0;background:#070807;color:var(--text);font:16px/1.8 Cairo,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer;color:inherit;background:#151611;border:1px solid #454132;border-radius:8px;padding:10px 18px}button:disabled{cursor:wait;opacity:.55}input:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}header{display:flex;justify-content:space-between;align-items:center;max-width:1360px;margin:auto;padding:24px 5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font:800 18px Manrope,Arial}.brand img{width:44px;height:44px;object-fit:contain}nav{display:flex;align-items:center;gap:24px}main{max-width:1240px;margin:72px auto;padding:0 5%;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.eyebrow{color:var(--gold);font:600 14px Manrope,Arial;letter-spacing:2px}.intro h1{font-size:clamp(32px,4vw,52px);line-height:1.5;margin:20px 0}.intro p{color:var(--muted);max-width:440px}.rule{height:1px;background:var(--gold);width:64px;margin:36px 0}small,.muted{color:var(--muted);font-size:14px}.panel{padding:32px;border:1px solid var(--line);border-top:3px solid var(--gold);background:#10110e;border-radius:12px}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:28px}.tabs button{background:transparent;border:0;border-radius:0;padding:10px 0;color:var(--muted)}.tabs .active{color:var(--gold);border-bottom:2px solid var(--gold)}label{display:block;margin:16px 0 7px}input{width:100%;padding:12px;background:#080906;border:1px solid #454132;border-radius:7px;color:var(--text)}.primary{background:var(--gold);color:#181506;border:0;border-radius:8px;display:block;text-align:center;font-weight:700;padding:12px 18px}form .primary{width:100%;margin:26px 0 12px}.text-button{border:0;background:transparent;color:var(--muted);padding:8px 0}.actions{display:grid;gap:12px;margin-top:26px}#member-email{overflow-wrap:anywhere;color:var(--muted)}#message{color:var(--gold);margin-bottom:0;overflow-wrap:anywhere}.admin{grid-column:1/-1;border-top:1px solid var(--line);padding-top:32px}.admin-title{display:flex;justify-content:space-between;align-items:center}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px}.metrics article{padding:24px;border:1px solid var(--line);border-radius:10px}.metrics strong{display:block;font:700 40px Manrope;margin-top:10px;color:var(--gold)}.member-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.member-row p{margin:0;overflow-wrap:anywhere}.member-row .controls{display:flex;gap:8px;flex-shrink:0}.member-row .controls button{font-size:14px;padding:8px 12px}.status-approved{color:#57d393}.status-revoked{color:#ff8484}.status-pending{color:var(--gold)}footer{border-top:1px solid var(--line);padding:26px 5%;color:var(--muted);font-size:14px;text-align:center}@media(max-width:760px){main{grid-template-columns:1fr;gap:28px;margin:32px auto}.intro h1{font-size:32px}.rule,.intro small{display:none}.panel{padding:24px}.metrics{grid-template-columns:1fr}.member-row{align-items:start;flex-direction:column}.brand{font-size:16px}header{padding:16px 5%}nav{gap:12px}}