.login-panel{max-width:560px;margin:48px auto;padding:32px;background:white;border:1px solid #dbe3ee;border-radius:18px;box-shadow:0 10px 35px #17375312}.login-panel h1{margin-bottom:8px}.login-panel form{display:grid;gap:12px}.login-panel .field{margin:0}.login-panel .actions{margin-top:12px}.recovery-code{display:block;padding:18px;background:#f1f5f9;overflow-wrap:anywhere;font-size:18px;user-select:all}.login-error{color:#b42318;min-height:24px}.account-bar{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap;padding:8px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.access-grid label{padding:8px}@media(max-width:600px){.login-panel{margin:16px;padding:22px}}
.password-control{position:relative;display:flex;align-items:center}.password-control input{width:100%;padding-right:54px!important}.password-control .password-eye{position:absolute;right:3px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:44px;min-height:40px;padding:8px;margin:0;background:transparent;color:#16465b;border:0;border-radius:7px}.password-eye:hover{background:#e9f1f6}.password-eye:focus-visible{outline:2px solid #117899;outline-offset:1px}.password-eye .eye-slash{display:none}.password-eye[aria-pressed=true] .eye-slash{display:block}

.login-progress{padding:12px 14px;border:1px solid #77b9dc;border-radius:10px;background:#e8f5fc;color:#123e58;font-weight:600;line-height:1.5}.login-progress::before{content:"";display:inline-block;width:14px;height:14px;margin-right:9px;border:3px solid #a7cfe4;border-top-color:#0876ae;border-radius:50%;vertical-align:middle;animation:login-progress-spin 1s linear infinite}@keyframes login-progress-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.login-progress::before{animation:none}}