/* The edited office photograph contains no login UI; this panel is the real form. */
body.admin-page:has(#loginPanel:not([hidden])),body.finance-admin:has(#loginForm:not([hidden])){min-height:100vh;background:#edf4f6;isolation:isolate}
body.admin-page:has(#loginPanel:not([hidden]))::before,body.finance-admin:has(#loginForm:not([hidden]))::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('/assets/admin-wallpaper-clean.png') center center/cover no-repeat;opacity:.88}
body.admin-page:has(#loginPanel:not([hidden])) .admin-login,body.finance-admin:has(#loginForm:not([hidden])) .login{width:440px;max-width:100%;margin:10vh 2vw 40px auto;padding:30px;background:rgba(255,255,255,.97);border:1px solid #fff;border-radius:22px;box-shadow:0 20px 70px #082c4938;backdrop-filter:blur(8px)}
body.finance-admin:has(#loginForm:not([hidden])) .login{margin-top:5vh}
.login-pdm-logo{display:block;width:115px;height:auto;margin:0 auto 22px}.login-portals{display:flex;gap:5px;padding:5px;margin:0 0 26px;border:1px solid #dbe7e7;border-radius:10px;background:#f0f6f5}.login-portals a{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 7px;border-radius:7px;font-size:12px;font-weight:700;line-height:1.4;text-decoration:none;color:#33566a}.login-portals a[aria-current=page]{color:white;background:linear-gradient(115deg,#153d60,#087362);box-shadow:0 3px 8px #10384c15}.login-portals a:focus-visible{outline:3px solid #159978;outline-offset:2px}.admin-login h1{font-size:29px}.finance-admin .login h2{font-size:27px;line-height:1.25;margin-bottom:14px}.finance-admin .login button.primary{width:100%;padding:13px;background:linear-gradient(115deg,#153d60,#087362);border:0;border-radius:8px}.finance-admin .login p{font-size:14px}
@media(max-width:800px){body.admin-page:has(#loginPanel:not([hidden]))::before,body.finance-admin:has(#loginForm:not([hidden]))::before{background-position:30% center;opacity:.65}body.admin-page:has(#loginPanel:not([hidden])) .admin-login,body.finance-admin:has(#loginForm:not([hidden])) .login{margin:5vh auto 30px;padding:25px;max-width:440px;width:100%}.login-pdm-logo{width:100px}.admin-login h1{font-size:26px}}