*{box-sizing:border-box} [hidden]{display:none!important}
:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#132b49;background:#061c32;color-scheme:light}
body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:88px 20px 40px}
.admin-language{position:absolute;top:24px;right:28px;display:flex;gap:10px;align-items:center;color:#cfdfed;font-size:13px}
.admin-language select{border:1px solid #35536e;border-radius:8px;padding:9px 12px;background:#112e48;color:#ecf5ff;cursor:pointer}
.admin-card{width:100%;max-width:450px;padding:40px;background:#eef6fd;border:1px solid #d9e8f6;border-radius:18px;box-shadow:0 18px 55px #0004}
.admin-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:26px;color:#0c2d52;font-size:32px;letter-spacing:-1px}.admin-brand svg{width:44px;height:44px;fill:none;stroke:#008aff;stroke-width:3}
h1{font-size:25px;line-height:1.3;letter-spacing:-.5px;text-align:center;margin:0 0 12px}.subtitle{text-align:center;color:#526780;font-size:14px;line-height:1.6;margin:0 0 28px}
form>label{display:block;font-size:14px;font-weight:600;margin:20px 0 8px}input{width:100%;min-width:0;background:#fff;color:#132b49;border:1px solid #bfd0e2;border-radius:9px;padding:12px 13px;font:inherit;font-size:16px;min-height:46px}
.password-field{position:relative}.password-field input{padding-right:50px}.password-field button{position:absolute;right:2px;top:2px;width:44px;height:42px;background:transparent;border:0;border-radius:8px;color:#476681;cursor:pointer}.password-field svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
.primary{width:100%;margin-top:26px;border:0;border-radius:9px;min-height:48px;padding:12px 16px;background:#0068e9;color:white;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s}.primary:hover{background:#0058c6}button:disabled{opacity:.65;cursor:wait}
:focus-visible{outline:3px solid #2999ff;outline-offset:3px}.password-field button:hover{background:#deebf7}.feedback{color:#9b2436;font-size:14px;line-height:1.6;margin:16px 0 0;overflow-wrap:anywhere}.feedback:empty{display:none}.verification{color:#d2e5f5;text-align:center}
@media(max-width:480px){body{padding:80px 16px 24px}.admin-card{padding:30px 24px}h1{font-size:23px}.admin-language{right:18px;top:18px}}

.signout-dialog{width:min(420px,calc(100vw - 32px));padding:28px;border:1px solid #bed3e8;border-radius:16px;background:#f4f9ff;color:#132b49;box-shadow:0 20px 65px #001b3440}.signout-dialog::backdrop{background:#03182e88}.signout-dialog h2{font-size:20px;line-height:1.5;margin:0 0 24px}.signout-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.signout-actions button{padding:11px 16px;border:1px solid #bfd0e2;border-radius:8px;background:white;color:#17354f;font:inherit;cursor:pointer}.signout-actions [data-confirm]{background:#0068e9;color:white;border-color:#0068e9}.signout-actions button:hover{filter:brightness(.94)}

/* Login verification notice: independent of dashboard-only dialog styles. */
.verification-dialog{box-sizing:border-box;width:calc(100% - 32px);max-width:480px;max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:32px;border:1px solid #d7e5f3;border-radius:20px;background:#fff;color:#132b49;text-align:center;box-shadow:0 24px 80px #00132655;font:inherit}
.verification-dialog::backdrop{background:rgba(3,18,34,.65)}
.verification-dialog-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 20px;border:1px solid #d2e6fb;border-radius:18px;background:#edf6ff;color:#0068e9}
.verification-dialog-icon svg{width:34px;height:34px}
.verification-dialog h2{margin:0 0 16px;font-size:24px;line-height:1.3;letter-spacing:-.4px;color:#102f50}
.verification-dialog p{margin:0;color:#526780;font-size:15px;line-height:1.75}
.verification-dialog strong{color:#0758ae;font-weight:650;overflow-wrap:anywhere}
.verification-dialog-confirm{display:block;width:100%;min-height:48px;margin-top:26px;padding:12px 20px;border:1px solid #0068e9;border-radius:10px;background:#0068e9;color:#fff;font:inherit;font-weight:600;cursor:pointer;transition:background .15s,box-shadow .15s}
.verification-dialog-confirm:hover{background:#0058c6;box-shadow:0 4px 12px #0068e925}
.verification-dialog-confirm:focus-visible{outline:3px solid #2999ff;outline-offset:3px}
@media(max-width:480px){.verification-dialog{padding:26px 22px;border-radius:16px}.verification-dialog h2{font-size:22px}}