:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8eef7;background:#07101d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#07101d}button,input{font:inherit}.app{min-height:100vh;display:flex;background:radial-gradient(circle at 75% -10%,#102747 0,#07101d 38%)}.sidebar{width:245px;position:fixed;inset:0 auto 0 0;background:#081321;border-right:1px solid #17263a;padding:20px 14px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:8px 8px 22px;color:#77d6ff}.brand svg{width:29px;height:29px}.brand b,.brand span{display:block}.brand b{font-size:12px;letter-spacing:.12em}.brand span{font-size:9px;color:#71849b;letter-spacing:.16em;margin-top:3px}.sidebar nav{display:grid;gap:5px}.nav{border:0;background:transparent;color:#8fa0b6;text-align:left;padding:11px 10px;border-radius:9px;display:flex;align-items:center;gap:10px;cursor:pointer}.nav svg:last-child{margin-left:auto;opacity:.3}.nav:hover,.nav.active{background:#102138;color:#fff}.nav.active{box-shadow:inset 2px 0 #55c9ff}.sidebarBottom{margin-top:auto}.secure{font-size:11px;color:#6e8198;border:1px solid #1a2b41;padding:9px;border-radius:8px;display:flex;gap:7px;align-items:center;margin-bottom:10px}.logout,.icon{border:1px solid #203149;background:#0d1a2a;color:#a9b8ca;border-radius:8px;cursor:pointer}.logout{width:100%;padding:9px;display:flex;justify-content:center;gap:8px}.main{margin-left:245px;width:calc(100% - 245px);padding:25px 28px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.eyebrow{font-size:10px;color:#5f87a7;letter-spacing:.18em;font-weight:700}h1{font-size:25px;margin:4px 0 0}h2{font-size:15px;margin:0}.headerActions{display:flex;gap:10px;align-items:center}.icon{width:36px;height:36px;display:grid;place-items:center}.adminEmail{font-size:11px;color:#7e91a8}.mobileOnly{display:none}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.card,.panel{border:1px solid #182a40;background:#0a1727e0;border-radius:12px}.card{padding:17px}.card svg{color:#62cfff}.card span{display:block;color:#71849b;font-size:11px;margin-top:12px}.card b{display:block;font-size:23px;margin-top:5px}.two{display:grid;grid-template-columns:1.5fr 1fr;gap:13px;margin-top:13px}.panel{padding:17px}.panelHead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.panelHead span,.panelHead small{font-size:11px;color:#71849b}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#64788f;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:9px;border-bottom:1px solid #1b2b40}td{padding:12px 9px;border-bottom:1px solid #132236;color:#aebbc9;white-space:nowrap}td b{color:#e9f1fa}td small{display:block;color:#64788f;margin-top:3px}.pill,.status{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:10px;text-transform:capitalize}.pill{background:#14253a;color:#9fb5cb}.status{background:#172335;color:#9db0c3}.status.completed,.status.approved,.status.active{background:#0d2d26;color:#69d8b1}.status.pending,.status.awaiting{background:#30270e;color:#e4bd61}.status.rejected,.status.cancelled,.status.blocked{background:#351b21;color:#ef8b96}.status.processing{background:#132b3e;color:#6fcfff}.statRows{display:grid;gap:0}.statRows div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #17283d}.statRows span{color:#73879c;font-size:12px}.statRows b{font-size:13px}.search{display:flex;align-items:center;gap:8px;border:1px solid #23364d;background:#091625;border-radius:8px;padding:0 9px;width:min(330px,45vw)}input{width:100%;background:transparent;border:0;outline:0;color:#e8eef7;padding:10px 2px}label{display:block;color:#8193a8;font-size:11px;margin:12px 0}label input{display:block;border:1px solid #22364d;background:#0a1727;border-radius:8px;margin-top:6px;padding:11px}.linkBtn{background:transparent;border:0;color:#62cfff;cursor:pointer}.reasonBar{margin:-2px 0 12px}.reasonBar input{border:1px solid #22364d;background:#091625;border-radius:8px}.actions{display:flex;gap:6px}.approve,.reject,.primary,.secondary,.danger{border:0;border-radius:7px;padding:8px 10px;cursor:pointer;font-size:11px}.approve{background:#12372e;color:#72e0b7}.reject,.danger{background:#3a1d24;color:#f39ba5}.primary{background:#25aee9;color:#03111c;font-weight:700}.secondary{background:#17283d;color:#bcd0e2}.empty{text-align:center;padding:45px 15px;color:#71849b}.empty svg{opacity:.6}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020811aa;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:18px;z-index:50}.modal{width:min(520px,100%);background:#0a1828;border:1px solid #263b54;border-radius:14px;padding:20px;box-shadow:0 20px 80px #0008}.profileGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.profileGrid div{background:#0d2033;padding:12px;border-radius:8px}.profileGrid span{display:block;color:#6f849b;font-size:10px}.profileGrid b{display:block;margin-top:5px;font-size:13px}.modalActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.modalActions .danger{grid-column:1/-1}.modal small,.loginCard small{display:block;color:#63788f;font-size:10px;line-height:1.5;margin-top:14px}.alert{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;font-size:12px;margin-bottom:13px}.alert.error,.formError{background:#351b21;color:#f09aa4;border:1px solid #582b34}.alert.success{background:#0e3028;color:#72d9b6;border:1px solid #1b5a49}.center{min-height:100vh;display:grid;place-items:center;color:#91a4b9;background:#07101d}.loader{width:20px;height:20px;border:2px solid #24415e;border-top-color:#5dceff;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 0,#123253 0,#07101d 45%)}.loginCard{width:min(430px,100%);background:#0a1828;border:1px solid #22364d;border-radius:16px;padding:30px;box-shadow:0 20px 80px #0008}.logo{width:52px;height:52px;display:grid;place-items:center;background:#0e2a40;border-radius:13px;color:#6dd4ff;margin-bottom:17px}.loginCard h1{font-size:25px}.loginCard p{color:#71849b;font-size:12px;line-height:1.6}.formError{padding:9px;border-radius:7px;font-size:11px;margin:10px 0}.loginCard .primary{width:100%;padding:12px;margin-top:8px}@media(max-width:900px){.sidebar{transform:translate(-100%);transition:.2s}.sidebar.open{transform:translate(0)}.main{margin-left:0;width:100%;padding:18px}.mobileOnly{display:grid}.grid4{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.adminEmail{display:none}}@media(max-width:560px){.grid4{grid-template-columns:1fr 1fr}.card b{font-size:18px}.panel{padding:12px}.profileGrid{grid-template-columns:1fr 1fr}.profileGrid div:last-child{grid-column:1/-1}.modalActions{grid-template-columns:1fr}.modalActions .danger{grid-column:auto}.search{width:100%}.panelHead{align-items:flex-start;flex-direction:column}.search{max-width:none}.headerActions{gap:5px}}.soundBtn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;min-width:38px;height:38px;cursor:pointer}.soundBtn:hover{border-color:var(--accent)}
