/* /assets/css/admin.css */
/* (filename: /assets/css/admin.css) */

:root{
  --bg:#07070d;
  --ink:#eef2ff;
  --muted:rgba(238,242,255,.72);
  --stroke:rgba(255,255,255,.12);
  --brand:#23c7ff;
  --brand2:#7c4dff;
  --r:18px;
}

*{box-sizing:border-box}
body{
  margin:0; color:var(--ink);
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;
  background:
    radial-gradient(900px 520px at 20% 15%, rgba(124,77,255,.22), transparent 55%),
    radial-gradient(900px 520px at 85% 30%, rgba(35,199,255,.18), transparent 55%),
    linear-gradient(180deg,#0b1130,#07070d);
}

.btn{display:inline-flex; justify-content:center; align-items:center; padding:.85rem 1.05rem; border-radius:14px; border:1px solid var(--stroke); background:rgba(255,255,255,.04); color:var(--ink); text-decoration:none}
.btnPrimary{border-color:rgba(35,199,255,.35); background:linear-gradient(135deg, rgba(35,199,255,.25), rgba(124,77,255,.20));}
.w100{width:100%}

.adminAuth{min-height:100vh; display:grid; place-items:center; padding:26px}
.authCard{
  width:min(420px, 100%);
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  border-radius:22px;
  padding:22px;
  backdrop-filter: blur(14px);
}
.authBrand{font-weight:900; letter-spacing:.08em}
.authSub{color:var(--muted); margin:.3rem 0 1rem}
label{display:block; font-weight:700; font-size:.92rem; margin-top:.7rem}
input{
  width:100%; margin-top:.35rem; padding:12px 12px;
  border-radius:14px; border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.20); color:var(--ink); outline:none
}
.alert{border-radius:14px; padding:10px 12px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.04); margin:10px 0}
.alert.err{border-color:rgba(255,80,80,.25)}