/* Modern login screen */
body{
  min-height:100vh;
  background:
    radial-gradient(1000px 700px at 10% 0%, var(--bg-glow2), transparent 62%),
    radial-gradient(900px 700px at 90% 10%, var(--bg-glow1), transparent 60%),
    var(--bg);
}


.adminLoginShell{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:26px 14px;
}

.adminLoginCard{
  width: min(520px, 100%);
  border-radius:24px;
  border:1px solid var(--border);
  background: var(--panel);
  box-shadow: var(--shadow);
  padding:22px 20px;
}

.brandLine{display:flex; align-items:center; gap:12px; margin-bottom:14px;}
.logoDot{width:14px; height:14px; border-radius:999px; background: var(--brand); box-shadow: 0 0 0 6px var(--accent-soft-border);}
.brand{font-weight:950; letter-spacing:.2px;}

.title{margin:10px 0 4px; font-size:26px; font-weight:950;}
.sub{margin:0 0 14px; opacity:.82;}

.loginNotice{
  margin:10px 0 12px;
  padding:12px 12px;
  border-radius:16px;
  border:1px solid var(--danger-soft-border);
  background: var(--danger-soft);
  font-weight:900;
}

.loginForm{display:flex; flex-direction:column; gap:12px;}
.lbl{display:flex; flex-direction:column; gap:6px;}
.lbl > span{font-size:12px; opacity:.78; font-weight:900;}

.lbl input{
  width:100%;
  padding:12px 12px;
  border-radius:16px;
  border:1px solid var(--border);
  background: var(--panel2);
  color: var(--text);
  outline:none;
}
.lbl input:focus{border-color: var(--ui-focus-strong);}

.pwWrap{position:relative;}
.pwWrap input{padding-right:44px;}
.pwToggle{
  position:absolute; right:8px; top:50%; transform: translateY(-50%);
  border:1px solid var(--border);
  background: var(--panel2);
  border-radius:12px;
  padding:8px 10px;
  cursor:pointer;
  color: var(--text);
}
.pwToggle:hover{filter:brightness(1.06);}

.loginActions{display:flex; gap:10px; flex-wrap:wrap; margin-top:4px;}
.btn.primary{background: var(--accent-soft); border-color: var(--accent-soft-border);} 
.btn.secondary{background: var(--panel2);}

/* Light theme: avoid "grey" looking login */
.loginFooter{margin-top:14px; font-size:12px; opacity:.75;}