/* Minimal modern styles for admin login */
:root{
  --bg:#f4f7fb;
  --card:#ffffff;
  --accent:#007bff;
  --muted:#67748a;
  --radius:10px;
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,var(--bg),#eef4fb);font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial;min-height:100vh;display:flex;align-items:center;justify-content:center}
.login-wrap{width:100%;max-width:420px;padding:28px;border-radius:var(--radius);background:var(--card);box-shadow:0 10px 30px rgba(21,39,64,0.08);}
.logo{display:block;text-align:center;margin-bottom:12px}
.logo h1{margin:0;font-size:20px;color:var(--accent)}
h2{margin:0 0 18px 0;text-align:center;color:#0f1724}
.form-group{margin-bottom:14px}
.form-input{width:100%;padding:12px 14px;border:1px solid #e6ecf5;border-radius:8px;font-size:14px;color:#0f1724}
.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 4px 14px rgba(0,123,255,0.08)}
.input-row{position:relative}
.toggle-pass{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);cursor:pointer}
.btn{width:100%;padding:12px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}
.error{background:#fff1f0;border:1px solid #ffd6d6;color:#9b2c2c;padding:10px;border-radius:8px;margin-bottom:12px}
.footer-note{margin-top:12px;text-align:center;color:var(--muted);font-size:13px}
@media(max-width:420px){.login-wrap{margin:16px}}