#workbench.login-screen{display:grid;place-items:center;min-height:100vh;min-height:100svh;padding:40px 24px}.login-shell{width:100%;max-width:440px;margin:0;padding:36px;background:#fff;border:1px solid var(--line, #e4eae1);border-radius:18px;box-shadow:0 12px 40px #243d3209}.login-shell .brand{justify-content:center;gap:11px;margin:0 0 28px}.login-shell .brand img{width:40px;height:40px}.login-shell .brand-title{font-size:24px}.login-shell h1{font-size:24px;line-height:1.45;text-align:center;letter-spacing:0}.login-shell>p{margin:10px 0 28px;font-size:13px;line-height:1.8;text-align:center;color:var(--text, #52665a)}.login-shell form .field{margin-bottom:20px}.login-shell .field label{margin-bottom:8px;font-size:13px;color:var(--ink, #243d32)}.login-shell .field input{height:46px;padding:0 13px;font-size:14px;background:#fff;border-radius:8px}.login-shell .field input:focus{outline:0;border-color:var(--green, #16664f);box-shadow:0 0 0 3px #16664f12}.login-shell .btn{display:flex;width:100%;min-height:46px;margin-top:6px;font-size:14px;border-radius:8px}@media(max-width:480px){#workbench.login-screen{padding:28px 16px}.login-shell{padding:28px 24px;border-radius:16px}.login-shell h1{font-size:22px}.login-shell .brand{margin-bottom:24px}}@media(max-height:580px){#workbench.login-screen{place-items:start center;padding-top:24px;padding-bottom:24px}}.account-actions{display:flex;align-items:center;gap:14px;min-width:0;margin-left:auto}.account-actions .operator{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-logout{border:0;background:transparent;color:var(--muted, #617770);font:inherit;cursor:pointer;flex-shrink:0;padding:8px 0}.account-logout:hover{color:var(--green, #176953)}.account-logout:focus-visible{outline:2px solid #176953;outline-offset:4px;border-radius:4px}.account-panel{max-width:680px}.account-fields{display:grid;gap:20px}.account-hint{margin:-12px 0 0;line-height:1.6}.account-notice{margin:28px 0 20px;line-height:1.7;color:var(--muted, #617770)}.account-save{display:flex;justify-content:flex-end}@media(max-width:700px){.account-actions{max-width:100%;margin-left:auto}.account-actions .operator{max-width:240px}}