:root{--login-navy:#0d376b;--login-deep:#08264c;--login-gold:#f1c953;--login-cream:#fffaf0;--login-blue:#1967c9}
.monitor-login-page{min-height:100vh;min-height:100dvh;background:#dfe5eb;color:var(--login-deep)}.monitor-login-shell{position:relative;width:min(100%,430px);min-height:100vh;min-height:100dvh;margin:0 auto;overflow:hidden;background:#2b5d61;box-shadow:0 0 34px #08264c42}.monitor-login-map{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.88) brightness(.76);user-select:none}.monitor-login-shade{position:absolute;inset:0;background:linear-gradient(180deg,#08264cd9 0,#08264c20 35%,#08264c4d 56%,#08264ce8 100%)}
.monitor-login-hud{position:relative;z-index:2;display:flex;align-items:baseline;justify-content:space-between;min-height:68px;padding:calc(17px + env(safe-area-inset-top)) 18px 12px;border-bottom:3px solid var(--login-gold);background:#0d376be8;color:#fff}.monitor-login-hud strong{font-size:1.35rem;letter-spacing:.04em}.monitor-login-hud span{color:#d8e9f9;font-size:.72rem;font-weight:700}
.monitor-login-card{position:absolute;z-index:3;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));margin:0;padding:22px 18px 16px;border:2px solid #ffffffa8;border-radius:24px;background:#fffdf5f2;box-shadow:0 16px 38px #03172f80;backdrop-filter:blur(10px)}.mission-icon{position:absolute;top:-29px;left:18px;display:grid;width:56px;height:56px;place-items:center;border:4px solid var(--login-gold);border-radius:50%;background:#fff;box-shadow:0 5px 16px #08264c55}.mission-icon img{width:28px;height:28px}.login-eyebrow{margin:5px 0 2px;color:var(--login-blue);font-size:.68rem;font-weight:900;letter-spacing:.13em}.monitor-login-card .login-eyebrow{margin-left:64px}.monitor-login-card h1,.admin-login-card h1{margin:4px 0 6px;line-height:1.05;color:var(--login-deep)}.monitor-login-card h1{font-size:1.75rem}.admin-login-card h1{font-size:1.65rem}.login-lead{margin:0 0 14px;color:#536273;font-size:.87rem;line-height:1.4}
.monitor-login-card form,.admin-login-card form{gap:10px}.monitor-login-card label,.admin-login-card label{color:#314964;font-size:.76rem;font-weight:800}.monitor-login-card input,.admin-login-card input{min-height:48px;border:2px solid #b8c8d8;background:#fff;color:var(--login-deep)}.monitor-login-card input:focus,.admin-login-card input:focus{outline:3px solid #f1c95380;border-color:var(--login-blue)}.mission-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;margin-top:3px;border-radius:12px;background:var(--login-navy);font-size:1rem;box-shadow:0 5px 0 #08264c}.mission-button img{width:22px;height:22px;filter:brightness(0) invert(1)}.login-error{margin:0 0 10px;padding:10px 12px;border:1px solid #d3483d;border-radius:10px;background:#ffe8e4;color:#8b2820;font-size:.82rem}.login-portal-link{display:block;margin-top:14px;color:var(--login-navy);font-size:.76rem;font-weight:800;text-align:center}
.admin-login-page{display:grid;min-height:100vh;min-height:100dvh;place-items:center;padding:18px;background:#eef2f6;color:var(--login-deep)}.admin-login-card{width:min(100%,410px);margin:0;padding:24px;border:1px solid #d5dee7;border-radius:16px;background:#fff;box-shadow:0 12px 35px #08264c18}.admin-login-card button{min-height:48px;background:var(--login-navy)}
@media(max-height:680px){.monitor-login-map{filter:saturate(.8) brightness(.68)}.monitor-login-card{position:relative;left:auto;right:auto;bottom:auto;margin:18vh 10px 10px}.monitor-login-shell{overflow:auto}.monitor-login-card h1{font-size:1.5rem}.login-lead{margin-bottom:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}