:root{
  --bg:#f5f7fb;--surface:#fff;--line:#e5e7eb;--ink:#111827;--muted:#64748b;--primary:#635bff;--primary-2:#4f46e5;--success:#16a34a;--danger:#dc2626;--shadow:0 28px 80px rgba(15,23,42,.16)
}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body.admin-login-page{font-family:'Public Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:radial-gradient(circle at 12% 0%,rgba(99,91,255,.18),transparent 30rem),radial-gradient(circle at 90% 14%,rgba(245,158,11,.18),transparent 26rem),linear-gradient(135deg,#f8fafc,var(--bg));color:var(--ink)}
.material-symbols-rounded{font-variation-settings:'FILL' 0,'wght' 550,'GRAD' 0,'opsz' 24;line-height:1}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.75fr);align-items:center;gap:34px;width:min(1120px,calc(100% - 36px));margin:auto;padding:34px 0}
.login-visual{position:relative;min-height:560px;border-radius:36px;overflow:hidden;background:linear-gradient(135deg,#eef2ff,#fff 52%,#fff7ed);border:1px solid rgba(255,255,255,.82);box-shadow:var(--shadow)}
.login-visual:before{content:"";position:absolute;inset:34px;border:1px dashed rgba(99,91,255,.22);border-radius:28px}.login-visual:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-80px;bottom:-90px;background:rgba(99,91,255,.12)}
.login-orb{position:absolute;border-radius:50%;filter:blur(.2px)}.orb-one{width:150px;height:150px;left:70px;top:86px;background:rgba(99,91,255,.18)}.orb-two{width:110px;height:110px;right:130px;top:150px;background:rgba(22,163,74,.16)}
.login-preview-card{position:absolute;display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:24px;background:rgba(255,255,255,.84);backdrop-filter:blur(18px);border:1px solid rgba(226,232,240,.88);box-shadow:0 16px 48px rgba(15,23,42,.12)}.login-preview-card span{width:46px;height:46px;border-radius:17px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--primary),#8b5cf6)}.login-preview-card strong{display:block;font-size:16px;font-weight:900;letter-spacing:-.04em}.login-preview-card small{display:block;color:var(--muted);font-weight:700;margin-top:2px}.preview-main{left:70px;bottom:140px}.preview-mini{right:76px;bottom:70px}.preview-mini span{background:linear-gradient(135deg,var(--success),#86efac)}
.login-card{position:relative;background:rgba(255,255,255,.9);backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.9);box-shadow:var(--shadow);border-radius:32px;padding:34px}.login-brand{width:56px;height:56px;border-radius:21px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--primary),#8b5cf6);box-shadow:0 14px 32px rgba(99,91,255,.26);margin-bottom:18px}.login-brand span{font-size:28px}.login-eyebrow{margin:0 0 7px;color:var(--primary);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.login-card h1{margin:0 0 10px;font-size:34px;line-height:1.05;font-weight:950;letter-spacing:-.07em}.login-desc{margin:0 0 24px;color:var(--muted);font-weight:650}.login-form{display:flex;flex-direction:column;gap:13px}.form-label{font-size:12px;font-weight:900;color:var(--ink);margin:0}.login-input-wrap{position:relative}.login-input-wrap span{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#94a3b8}.form-control{width:100%;height:52px;border:1px solid var(--line)!important;border-radius:17px!important;padding:0 15px 0 46px!important;font-weight:800;color:var(--ink)!important;background:#fff!important;box-shadow:0 1px 2px rgba(15,23,42,.04)}.form-control:focus{border-color:rgba(99,91,255,.55)!important;box-shadow:0 0 0 .24rem rgba(99,91,255,.10)!important}.btn-gold{border:0!important;border-radius:17px!important;background:linear-gradient(135deg,var(--primary),var(--primary-2))!important;color:#fff!important;font-weight:950!important;letter-spacing:.02em;box-shadow:0 16px 34px rgba(79,70,229,.26)!important}.alert{border-radius:16px!important;border:1px solid rgba(220,38,38,.18)!important;background:#fee2e2!important;color:var(--danger)!important}
@media(max-width:900px){.login-shell{display:flex;align-items:center;justify-content:center;width:min(520px,calc(100% - 28px));padding:28px 0}.login-visual{display:none}.login-card{width:100%;padding:28px;border-radius:28px}.login-card h1{font-size:30px}}


/* === LOGIN SIMPLE CENTERED 20260525 === */
.login-card{text-align:left;}
.login-brand.centered{margin:0 auto 24px!important;width:68px;height:68px;border-radius:24px;}
.login-brand.centered span{font-size:34px;}
.login-form{gap:14px;}
.btn-gold{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:54px!important;font-size:14px!important;letter-spacing:.08em!important;}
.btn-gold span{font-size:22px;}
@media(max-width:900px){.login-card{text-align:left}.login-brand.centered{margin-bottom:22px!important}}

/* === Login v3: only form, centered on all devices === */
body.admin-login-page{display:grid;place-items:center;min-height:100vh;background:linear-gradient(180deg,#f8fafc,#eef2f7)!important;}
.login-only-shell{width:min(430px,calc(100% - 28px))!important;min-height:auto!important;display:block!important;padding:0!important;margin:0!important;}
.login-only-card{width:100%!important;padding:30px!important;border-radius:28px!important;text-align:left!important;background:#fff!important;backdrop-filter:none!important;}
.login-only-card .login-form{gap:15px!important;}
.login-only-card .btn-gold{margin-top:4px;width:100%;}
@media(max-width:520px){.login-only-card{padding:24px!important;border-radius:24px!important}.login-only-shell{width:calc(100% - 24px)!important}}