:root { --admin-navy:#071d3b; --admin-blue:#176bd8; --admin-line:#d8e2ee; }
.an-admin-login-page { min-height:100svh; color:#10294b; background:radial-gradient(circle at 15% 15%,rgba(34,112,202,.2),transparent 28%),linear-gradient(145deg,#061a35,#0b315f); }
.an-admin-login-shell { display:flex; align-items:center; justify-content:center; flex-direction:column; min-height:100svh; padding:40px 20px; }
.an-admin-brand { margin-bottom:24px; padding:9px 14px; border-radius:5px; background:rgba(255,255,255,.96); }
.an-admin-brand .custom-logo { display:block; width:auto; max-width:210px; max-height:52px; }
.an-admin-brand .an-brand__mark { width:34px; height:34px; object-fit:contain; }
.an-admin-brand .an-brand__fallback strong { font-size:19px; }
.an-admin-brand .an-brand__fallback small { display:none; }
.an-admin-login-card { width:min(440px,100%); padding:34px clamp(24px,5vw,42px); border:1px solid rgba(255,255,255,.25); border-radius:8px; background:rgba(255,255,255,.98); box-shadow:0 28px 70px rgba(0,0,0,.24); }
.an-admin-security-mark { display:grid; place-items:center; width:52px; height:52px; margin-bottom:18px; border-radius:50%; color:#fff; background:var(--admin-navy); }
.an-admin-security-mark svg { width:28px; height:28px; }
.an-admin-eyebrow { margin:0 0 5px; color:var(--admin-blue); font-size:9px; font-weight:850; letter-spacing:.16em; }
.an-admin-login-card h1 { margin:0 0 13px; color:var(--admin-navy); font-size:27px; }
.an-admin-lead { margin:0 0 24px; color:#607087; font-size:13px; line-height:1.8; }
.an-admin-error { margin-bottom:18px; padding:11px 13px; border:1px solid #efb4b4; border-radius:4px; color:#a52e2e; background:#fff4f3; font-size:12px; line-height:1.6; }
.an-admin-field { display:grid; gap:7px; margin-bottom:16px; }
.an-admin-field span { color:#29415e; font-size:11px; font-weight:750; }
.an-admin-field input { width:100%; min-height:48px; padding:0 13px; border:1px solid var(--admin-line); border-radius:5px; outline:0; color:#10294b; background:#fff; font:inherit; }
.an-admin-field input:focus { border-color:var(--admin-blue); box-shadow:0 0 0 3px rgba(23,107,216,.1); }
.an-admin-field input[name="ansg_code"] { height:64px; text-align:center; font-size:28px; font-weight:800; letter-spacing:.25em; }
.an-admin-submit { display:flex; align-items:center; justify-content:center; width:100%; min-height:50px; margin-top:8px; border:0; border-radius:5px; color:#fff; background:var(--admin-blue); text-decoration:none; font-size:14px; font-weight:800; cursor:pointer; box-shadow:0 8px 20px rgba(23,107,216,.2); }
.an-admin-back { display:block; margin-top:18px; color:#526a84; text-align:center; text-decoration:none; font-size:11px; }
.an-admin-note { margin:14px 0 0; color:#7a8797; text-align:center; font-size:10px; }
.an-admin-security-note { display:flex; align-items:center; gap:8px; margin-top:25px; padding-top:18px; border-top:1px solid var(--admin-line); color:#718095; font-size:9px; line-height:1.5; }
.an-admin-security-note svg { width:17px; height:17px; flex:none; }
.an-admin-copyright { margin:22px 0 0; color:rgba(255,255,255,.66); font-size:9px; }
@media(max-width:600px){.an-admin-login-shell{justify-content:flex-start;padding-top:max(32px,env(safe-area-inset-top))}.an-admin-login-card{padding:28px 22px}.an-admin-brand{margin-bottom:16px}.an-admin-login-card h1{font-size:24px}}