#hkaDashboardLogin{position:fixed;inset:0;margin:auto;padding:0;border:1px solid #d4dfe9;border-radius:10px;width:min(390px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:calc(100dvh - 32px);overflow:auto;background:#fff;color:#173a5c;box-shadow:0 16px 56px #102f4a33;font:14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
#hkaDashboardLogin::backdrop{background:#10263d66}
#hkaDashboardLogin,#hkaDashboardLogin *{box-sizing:border-box}
#hkaDashboardLogin .hdl-card{padding:26px}
#hkaDashboardLogin header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e0e7ef;margin:0 0 22px;padding:0 0 18px}
#hkaDashboardLogin h2{font-size:20px;line-height:1.4;letter-spacing:0;margin:0;font-weight:650;color:#153c64}
#hkaDashboardLogin button,#hkaDashboardLogin input{font:inherit;touch-action:manipulation}
#hkaDashboardLogin button{cursor:pointer}
#hkaDashboardLogin button:disabled{opacity:.65;cursor:wait}
#hkaDashboardLogin #hdlClose{flex:0 0 36px;width:36px;height:36px;border:0;border-radius:5px;background:#f0f4f8;color:#173a5c;font-size:26px;line-height:1}
#hkaDashboardLogin form{display:grid;gap:8px;margin:0}
#hkaDashboardLogin label{font-size:13px;font-weight:600;color:#173a5c}
#hkaDashboardLogin input{display:block;width:100%;min-width:0;height:46px;padding:10px 12px;border:1px solid #bdcddd;border-radius:6px;color:#173a5c;background:#fff;font-size:16px}
#hkaDashboardLogin #hdlUsername{margin-bottom:12px}
#hkaDashboardLogin .hdl-password{position:relative}
#hkaDashboardLogin #hdlPassword{padding-right:49px}
#hkaDashboardLogin #hdlEye{position:absolute;inset:1px 1px 1px auto;width:44px;padding:10px;border:0;background:transparent;color:#486d90}
#hkaDashboardLogin #hdlEye svg{display:block;width:22px;height:22px}
#hkaDashboardLogin #hdlSubmit{margin-top:14px;min-height:46px;border:1px solid #164d80;border-radius:6px;background:#164d80;color:#fff;font-weight:600;width:100%}
#hkaDashboardLogin #hdlError{margin:6px 0 0;font-size:13px;color:#993c2e;overflow-wrap:anywhere}
#hkaDashboardLogin [hidden]{display:none!important}
#hkaDashboardLogin :focus-visible{outline:3px solid #83b4df;outline-offset:2px}
@media(max-width:400px){#hkaDashboardLogin .hdl-card{padding:22px 20px}#hkaDashboardLogin h2{font-size:18px}}