body.login-body{display:grid;place-items:center;min-height:100svh;padding:38px 20px;background:radial-gradient(ellipse at 50% 0,#e6f2fb 0,transparent 65%),#f5f8fb}.login-body .login-main{width:100%;max-width:420px;margin:0;padding:0}.login-body [hidden]{display:none!important}.login-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;width:max-content;max-width:100%;gap:11px;text-align:center;text-decoration:none;color:#123e61;margin:0 auto 25px}.login-brand img{display:block;width:74px;height:74px;object-fit:contain;border-radius:50%;border:1px solid #ddeaf3;background:white;box-shadow:0 5px 20px #123e6108}.login-brand span{display:block;font-size:27px;font-weight:800;line-height:1.25;letter-spacing:-1px}.login-brand small{display:block;margin-top:7px;padding-left:3px;font-size:8px;font-weight:600;letter-spacing:3px;color:#698ba4}.login-card{padding:28px 30px 25px;background:#fff;border:1px solid #dce6ee;border-radius:18px;box-shadow:0 16px 50px #153e6008;text-align:center}.login-kicker{display:inline-block;font-size:10px;font-weight:650;letter-spacing:1px;color:#4d819f}.login-card h1{font-size:28px;letter-spacing:-1px;line-height:1.25;color:#123e61;margin:11px 0 10px}.login-description{font-size:12px;color:#71899b;line-height:1.8;margin:0 0 25px}.login-card form{text-align:left}.login-card form>label,#addAccountForm>label{display:block;margin-bottom:19px}.login-card label{font-size:12px;color:#35556b;font-weight:650}.login-card input{margin-top:9px;font-size:16px;min-height:52px;border-color:#dce5ec;border-radius:8px;padding:13px 14px;background:#fcfdff}.login-card input:focus{background:#fff}.password-field{position:relative}.password-field input{padding-right:62px}.password-field button{position:absolute;right:4px;top:4px;bottom:4px;width:48px;border:0;background:none;color:#6d889b;font-size:11px;border-radius:5px}.login-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:3px 0 0}.remember-check{display:flex!important;align-items:center;gap:8px;font-size:12px!important;margin:0!important;font-weight:500!important;cursor:pointer}.remember-check input{width:18px;height:18px;min-height:18px;padding:0;margin:0;border-radius:4px;accent-color:#238bc5;flex-shrink:0}.login-options>button{border:0;background:none;padding:6px 0;color:#427d9e;font-size:11px}.credential-help{font-size:10.5px;line-height:1.7;color:#879aaa;margin:11px 0 19px}.login-card .primary-button{width:100%;min-height:52px;border-radius:8px;font-size:14px;background:#123e61;border-color:#123e61;box-shadow:0 4px 12px #123e6110}.login-card .primary-button:hover{background:#1b537a}.login-submit{position:relative}.login-submit svg{position:absolute;right:20px;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.auth-text-button{display:block;border:0;background:none;color:#7891a3;font-size:11px;margin:18px auto 0;padding:5px}.auth-message{padding:11px 13px;border-radius:7px;font-size:12px;line-height:1.7;text-align:left}.auth-message.error{background:#fff1ef;color:#a74e43}.auth-message.success{background:#eaf7ef;color:#37745a}.login-footer{text-align:center;color:#8b9eac;font-size:10px;line-height:1.9;margin:21px 0 0}@media(max-width:720px){body.login-body{padding:26px 20px}.login-brand{margin-bottom:23px;gap:10px}.login-brand img{width:68px;height:68px}.login-brand span{font-size:25px}.login-card{padding:26px 25px 23px;border-radius:16px}.login-card h1{font-size:27px}.login-description{font-size:11px;margin-bottom:23px}.login-footer{margin-top:19px}}@media(max-width:360px){body.login-body{padding:24px 16px}.login-card{padding:24px 21px}.login-brand img{width:62px;height:62px}.login-brand span{font-size:24px}}
.account-header{display:flex;align-items:center;gap:6px;margin-left:auto}.account-header button{border:0;background:none;color:#58798f;font-size:12px;padding:9px}.app-header #newDocument{margin-left:12px}.account-dialog{max-height:90dvh;overflow:auto}.account-dialog h3{font-size:15px;color:#123e61;margin-top:25px}.account-row{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid #e4ebf0;font-size:13px}.account-row span{color:#7891a2}.account-dialog .logout-all{margin-top:20px;width:100%;font-size:12px}#accountDialog .dialog-actions{margin-top:16px}#accountDialog input{font-size:16px}.account-dialog>p{font-size:12px}@media(max-width:720px){.app-header{padding-left:13px;padding-right:13px}.account-header{gap:0}.account-header button{font-size:10px;padding:9px 5px}.account-header #accountName{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header #newDocument{margin-left:6px;font-size:11px}.app-header .brand{font-size:16px}.app-header .brand img{width:34px;height:34px}.app-header .brand small{font-size:6px}}

@media(min-width:721px){body.login-body{padding:24px 20px}.login-brand{gap:9px;margin-bottom:20px}.login-brand img{width:64px;height:64px}.login-brand span{font-size:25px}.login-card{padding:26px 30px 23px}}

.login-options{margin-bottom:22px}.login-card h1{margin-bottom:24px}
.account-dialog{width:580px}.profile-section{margin-top:22px;padding-top:2px;border-top:1px solid #e3ebf1}#profileForm>label,.profile-fields label{display:block;font-size:12px;font-weight:600;color:#42647b;margin-bottom:17px}#profileForm input{margin-top:8px;min-height:48px;border-radius:7px}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}#profileForm .primary-button{width:100%;min-height:46px}.profile-section h3{margin-bottom:20px}#addAccountSection{border-top:1px solid #e3ebf1;margin-top:25px}#addAccountSection h3{margin-bottom:18px}@media(max-width:540px){.profile-fields{grid-template-columns:1fr;gap:0}.account-dialog{padding:23px 20px}}