:root {
  color-scheme: dark;
  --admin-night: #07111f;
  --admin-panel: #0f1c2e;
  --admin-panel-soft: #14243a;
  --admin-cyan: #22d3ee;
  --admin-violet: #8b5cf6;
  --admin-amber: #f59e0b;
  --admin-text: #f8fafc;
  --admin-muted: #9fb0c6;
  --admin-border: rgba(148, 163, 184, .22);
}
body.admin-login-body {
  min-height: 100vh;
  margin: 0;
  color: var(--admin-text);
  background:
    radial-gradient(circle at 15% 10%, rgba(34, 211, 238, .18), transparent 32rem),
    radial-gradient(circle at 90% 85%, rgba(139, 92, 246, .18), transparent 34rem),
    linear-gradient(145deg, #050b14, var(--admin-night) 46%, #10192c);
}
.admin-login-shell { min-height: 100vh; display: grid; place-items: center; padding: 28px; }
.admin-login-card {
  width: min(100%, 500px);
  padding: 34px;
  border: 1px solid var(--admin-border);
  border-radius: 24px;
  background: linear-gradient(155deg, rgba(20,36,58,.96), rgba(9,18,32,.98));
  box-shadow: 0 28px 90px rgba(0,0,0,.48), inset 0 1px rgba(255,255,255,.04);
}
.admin-login-brand { display:flex; align-items:center; gap:14px; margin-bottom:28px; }
.admin-login-mark { width:52px; height:52px; border-radius:16px; display:grid; place-items:center; font-weight:900; letter-spacing:.08em; color:#06101b; background:linear-gradient(135deg,var(--admin-cyan),#a5f3fc); box-shadow:0 12px 30px rgba(34,211,238,.24); }
.admin-login-brand strong { display:block; font-size:1.05rem; }
.admin-login-brand span { display:block; margin-top:3px; color:var(--admin-muted); font-size:.82rem; }
.admin-login-eyebrow { color:var(--admin-cyan); text-transform:uppercase; letter-spacing:.16em; font-size:.72rem; font-weight:800; }
.admin-login-card h1 { margin:.45rem 0 .75rem; font-size:clamp(2rem,7vw,2.8rem); line-height:1.02; }
.admin-login-card > p { color:var(--admin-muted); line-height:1.6; margin:0 0 24px; }
.admin-login-card label { display:grid; gap:8px; margin:15px 0; color:#dce7f5; font-weight:700; font-size:.88rem; }
.admin-login-card input { width:100%; box-sizing:border-box; border:1px solid var(--admin-border); border-radius:12px; padding:13px 14px; color:var(--admin-text); background:rgba(4,12,23,.72); outline:none; }
.admin-login-card input:focus { border-color:var(--admin-cyan); box-shadow:0 0 0 3px rgba(34,211,238,.14); }
.admin-login-button { width:100%; margin-top:10px; border:0; border-radius:12px; padding:14px 18px; font-weight:900; color:#04131b; cursor:pointer; background:linear-gradient(135deg,var(--admin-cyan),#67e8f9); box-shadow:0 14px 36px rgba(34,211,238,.2); }
.admin-login-button:disabled { opacity:.65; cursor:wait; }
.admin-login-error { margin-top:16px; padding:12px 14px; border:1px solid rgba(248,113,113,.35); border-radius:12px; color:#fecaca; background:rgba(127,29,29,.3); }
.admin-login-help { display:block; margin-top:18px; color:var(--admin-muted); line-height:1.5; }
.admin-login-mfa { margin-top:18px; padding-top:20px; border-top:1px solid var(--admin-border); }
.admin-login-mfa code, .admin-login-mfa pre { display:block; white-space:pre-wrap; overflow-wrap:anywhere; padding:12px; border-radius:10px; color:#c4b5fd; background:rgba(4,12,23,.8); }
.hidden { display:none !important; }
@media (max-width:560px){ .admin-login-shell{padding:14px}.admin-login-card{padding:24px;border-radius:18px} }