/* PIXORA ADMIN — Control Center 2026 */
:root{--admin-panel:#090d12;--admin-panel-2:#0d1319;--admin-soft:#111922;--admin-border:#1f2b35;--admin-muted:#76828e;--admin-danger:#ff6f86;--admin-danger-bg:#241016}
body{min-height:100vh;background:#05070a}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 8%,rgba(199,255,69,.08),transparent 24%),radial-gradient(circle at 8% 84%,rgba(93,231,255,.055),transparent 25%);z-index:-2}
body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.018;background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 85%);z-index:-1}

/* Login */
.adminCenter{min-height:100vh;display:grid;place-items:center;padding:28px;position:relative;overflow:hidden}.adminCenter:before,.adminCenter:after{content:"";position:absolute;border:1px solid #23303a;border-radius:50%;animation:adminSpin 28s linear infinite}.adminCenter:before{width:650px;height:650px}.adminCenter:after{width:510px;height:510px;border-style:dashed;animation-direction:reverse;animation-duration:20s}@keyframes adminSpin{to{transform:rotate(360deg)}}
.loginCard{position:relative;z-index:2;width:min(94vw,480px);padding:42px;background:rgba(9,13,18,.94);border:1px solid var(--admin-border);box-shadow:0 30px 100px #0008;backdrop-filter:blur(18px)}.loginCard:before{content:"";position:absolute;left:-1px;top:50px;width:3px;height:70px;background:var(--lime);box-shadow:0 0 20px #00a7fb50}.loginCard .logo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;letter-spacing:4px;font-size:14px;font-weight:900}.logoMark{width:42px;height:42px;display:grid;place-items:center;background:var(--lime);color:#05070a;border-radius:5px;box-shadow:0 0 28px #00a7fb20}.adminTag{display:inline-flex;align-items:center;gap:8px;margin-top:46px;color:var(--lime);font-size:8px;letter-spacing:2.4px}.adminTag:before{content:"";width:18px;height:1px;background:var(--lime)}.loginCard h1{font-size:clamp(34px,6vw,48px);letter-spacing:-2px;margin:15px 0 8px}.loginCard p{color:var(--admin-muted);font-size:11px;line-height:1.7;margin:0 0 22px}.loginCard input{width:100%;height:54px;margin-top:10px;padding:0 16px;border:1px solid var(--admin-border);outline:0;background:#070a0e;color:#fff;transition:.2s}.loginCard input:focus{border-color:#6f8939;box-shadow:0 0 0 3px #00a7fb08}.loginCard>button{width:100%;height:56px;margin-top:16px;border:0;background:var(--lime);color:#05070a;font-size:9px;letter-spacing:1.5px;font-weight:950;cursor:pointer;transition:.2s}.loginCard>button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00a7fb14}.loginCard .error{margin-top:14px}

/* App shell */
.adminShell{width:min(1500px,calc(100% - 56px));max-width:none;margin:0 auto;padding-bottom:70px}.adminNav{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--admin-border);position:sticky;top:0;z-index:30;background:#05070ae8;backdrop-filter:blur(18px)}.adminNav .logo{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.adminNav .logo>span:last-child{font-size:14px;font-weight:950;letter-spacing:4px}.adminNav .logo small{display:block;color:var(--admin-muted);font-size:6px;letter-spacing:2.5px;margin-top:4px}.adminNav>div{display:flex;gap:8px}.adminNav>div a,.toolbar button{height:40px;padding:0 15px;border:1px solid var(--admin-border);background:#0b1016;color:#aab3bc;text-decoration:none;font-size:8px;letter-spacing:1.2px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.adminNav>div a:first-child:hover,.toolbar button:hover{border-color:#52652f;color:var(--lime);background:#0e1513}.adminNav>div a:last-child:hover{border-color:#64333d;color:#ff8ea0;background:#180c10}

.adminHero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:45px;align-items:end;padding:72px 0 34px;position:relative}.adminHero:after{content:"";position:absolute;left:0;bottom:0;width:72px;height:1px;background:var(--lime)}.adminHero>div>span{display:flex;align-items:center;gap:10px;color:var(--lime);font-size:8px;letter-spacing:2.3px}.adminHero>div>span:before{content:"01";color:#52606d}.adminHero h1{font-size:clamp(42px,5vw,70px);line-height:.95;letter-spacing:-3px;margin:18px 0 15px;text-transform:uppercase}.adminHero p{max-width:620px;color:var(--admin-muted);font-size:12px;line-height:1.7;margin:0}.adminStats{display:grid;grid-template-columns:repeat(3,minmax(145px,1fr));gap:10px}.adminStats article{min-width:158px;padding:19px;border:1px solid var(--admin-border);background:linear-gradient(145deg,#0d1319,#090d12);position:relative;overflow:hidden;transition:.25s}.adminStats article:after{content:"";position:absolute;right:-24px;bottom:-34px;width:82px;height:82px;border:1px solid #26343f;border-radius:50%}.adminStats article:hover{transform:translateY(-3px);border-color:#344550}.adminStats article:first-child{border-top-color:#708b38}.adminStats article:nth-child(2){border-top-color:#356e7a}.adminStats article:nth-child(3){border-top-color:#46515b}.adminStats span{display:block;color:var(--admin-muted);font-size:7px;letter-spacing:1.35px}.adminStats b{display:block;font-size:27px;letter-spacing:-1px;margin-top:9px}.adminStats small{font-size:9px;color:var(--admin-muted)}

.toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 190px 110px;gap:10px;margin:28px 0 22px;padding:12px;border:1px solid var(--admin-border);background:#080c11}.toolbar input,.toolbar select{height:46px;border:1px solid var(--admin-border);outline:0;background:#05080c;color:#abb5be;padding:0 14px;font-size:10px}.toolbar input:focus,.toolbar select:focus{border-color:#586d33}.toolbar button{height:46px;background:var(--lime);border-color:var(--lime);color:#05070a;font-weight:950}.toolbar button:hover{color:#05070a;background:#d1ff65;border-color:#d1ff65}

.imageGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.imageCard{min-width:0;overflow:hidden;border:1px solid var(--admin-border);background:var(--admin-panel);position:relative;transition:.25s}.imageCard:before{content:"";position:absolute;z-index:2;left:0;top:0;width:2px;height:0;background:var(--lime);transition:.3s}.imageCard:hover{transform:translateY(-4px);border-color:#34434e;box-shadow:0 18px 45px #0004}.imageCard:hover:before{height:100%}.imageCard>img{width:100%;height:205px;display:block;object-fit:cover;background:#06090d;transition:transform .45s}.imageCard:hover>img{transform:scale(1.035)}.imageCard>div{padding:16px}.imageCard b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;letter-spacing:.2px}.imageCard span{display:block;color:var(--admin-muted);font-size:7px;letter-spacing:.7px;margin:8px 0 12px}.imageCard input{width:100%;height:36px;padding:0 10px;background:#05080b;border:1px solid var(--admin-border);color:#6f7b86;font:8px monospace;outline:0}.imageCard footer{height:auto;width:100%;margin:10px 0 0;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.imageCard footer>*{min-width:0;margin:0}.imageCard footer button,.imageCard footer a{display:flex;align-items:center;justify-content:center;width:100%;height:35px;padding:0 6px;border:1px solid var(--admin-border);background:#0d1319;color:#a8b2bb;text-decoration:none;font-size:7px;letter-spacing:.7px;cursor:pointer;transition:.2s}.imageCard footer button:hover,.imageCard footer a:hover{border-color:#53672f;color:var(--lime);background:#101812}.imageCard footer form{display:block}.imageCard footer .danger{color:#ff8497!important}.imageCard footer .danger:hover{border-color:#66313c!important;background:var(--admin-danger-bg)!important;color:#ff9aab!important}.noImages{margin-top:12px;text-align:center;padding:95px 30px;border:1px dashed #25323c;color:var(--admin-muted);font-size:11px;letter-spacing:1px;background:#080c10}

@media(max-width:1180px){.imageGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.adminHero{grid-template-columns:1fr}.adminStats{width:100%}}
@media(max-width:760px){.adminShell{width:min(100% - 28px,1500px)}.adminNav{height:auto;min-height:82px;padding:14px 0;gap:14px}.adminNav>div a{padding:0 10px}.adminHero{padding-top:46px}.adminStats{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr 150px}.toolbar button{grid-column:1/-1}.imageGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.loginCard{padding:32px 25px}}
@media(max-width:520px){.adminNav .logo>span:last-child{font-size:12px;letter-spacing:2px}.adminNav>div{gap:5px}.adminNav>div a{font-size:7px}.adminHero h1{font-size:42px;letter-spacing:-2px}.toolbar{grid-template-columns:1fr}.toolbar button{grid-column:auto}.imageGrid{grid-template-columns:1fr}.imageCard>img{height:230px}}

.uploadSettings{margin:28px 0 18px;padding:20px;border:1px solid var(--admin-border);background:var(--admin-panel);display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.7fr);gap:20px;align-items:end}.uploadSettings>div>span{font-size:7px;letter-spacing:1.4px;color:var(--lime)}.uploadSettings h2{margin:8px 0 7px;font-size:21px}.uploadSettings p{margin:0;color:var(--admin-muted);font-size:9px}.uploadSettings form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.uploadSettings label span{display:block;margin-bottom:7px;font-size:7px;letter-spacing:1px;color:var(--admin-muted)}.uploadSettings input{width:100%;height:46px;padding:0 13px;border:1px solid var(--admin-border);background:#05080c;color:#fff;outline:0}.uploadSettings button{height:46px;padding:0 18px;border:0;background:var(--lime);color:#05070a;font-size:8px;font-weight:950;letter-spacing:.8px;cursor:pointer}.settingsNotice{grid-column:1/-1;padding:11px 13px;border:1px solid #3c4e27;background:#10170c;color:var(--lime);font-size:9px}@media(max-width:800px){.uploadSettings{grid-template-columns:1fr}.uploadSettings form{grid-template-columns:1fr}}@media(max-width:520px){.uploadSettings form{grid-template-columns:1fr}}

/* Users & roles */
.adminUser{display:inline-flex;align-items:center;padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;font-size:12px;opacity:.85}.usersAdmin{margin:24px 0;padding:24px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(255,255,255,.025)}.adminSectionHead{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.adminSectionHead span,.usersAdmin>div>div>span{font-size:11px;letter-spacing:.18em;opacity:.65}.adminSectionHead h2{margin:6px 0}.adminSectionHead p{margin:0;opacity:.65}.usersTableWrap{overflow-x:auto}.usersTable{width:100%;border-collapse:collapse;min-width:760px}.usersTable th,.usersTable td{padding:14px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}.usersTable th{font-size:10px;letter-spacing:.14em;opacity:.55}.usersTable td:first-child{display:flex;align-items:center;gap:8px}.usersTable td small{font-size:9px;padding:3px 6px;border-radius:6px;background:rgba(255,255,255,.08)}.roleBadge{display:inline-flex;padding:5px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:10px;letter-spacing:.12em}.roleBadge.isAdmin{border-color:rgba(126,249,183,.5);box-shadow:0 0 20px rgba(126,249,183,.08)}.roleForm{margin:0}.roleForm button{white-space:nowrap}.roleForm button:disabled{opacity:.35;cursor:not-allowed}.authSwitch{text-align:center!important;margin-top:16px!important}.authSwitch a{text-decoration:none;font-weight:700}.settingsNotice{margin-top:14px;padding:11px 13px;border-radius:10px;border:1px solid rgba(255,255,255,.12);font-size:12px}


/* Users table alignment fix */
.usersAdmin{display:flex;flex-direction:column;align-items:stretch}.usersAdmin .adminSectionHead{justify-content:center;text-align:center}.usersAdmin .adminSectionHead>div{width:100%;text-align:center}.usersTableWrap{width:100%;margin:0 auto}.usersTable th,.usersTable td{text-align:center!important;vertical-align:middle}.usersTable td:first-child{display:table-cell!important;text-align:center!important}.usersTable td:first-child b,.usersTable td:first-child small{display:inline-flex;vertical-align:middle}.usersTable td:first-child small{margin-left:7px}.roleForm{display:flex;align-items:center;justify-content:center}.roleForm button{min-width:122px;height:36px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--admin-border);background:#10171d;color:#c8d0d7;font-size:8px;font-weight:900;letter-spacing:.7px;cursor:pointer}.roleForm button:not(.danger):hover{border-color:#627537;color:var(--lime)}.roleForm .danger{border-color:#573039;color:#ff8da0;background:#160c10}.roleBadge{align-items:center;justify-content:center;min-width:70px}.usersAdmin>.settingsNotice{align-self:center;width:min(100%,760px);text-align:center}