.login-page{background:#f4f8f2}.login-page main.container{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:28px 16px}.login-page main.container:has(.notice){flex-direction:column;gap:14px}.login-page .notice{width:min(100%,420px);margin:0}.login-card{width:min(100%,420px);padding:32px}.login-mark{display:grid;place-items:center;width:52px;height:52px;margin-bottom:23px;border-radius:14px;background:#098540;color:#fff;font-size:28px}.login-card h1{margin:8px 0 8px;color:#174a2c;font-size:27px;line-height:1.18}.login-card p{margin:0 0 26px;color:#698072;font-size:14px;line-height:1.5}.login-form{display:grid;gap:18px}.login-form input{margin-top:7px;font-size:16px}.login-form .button{width:100%;margin-top:5px}.logout-form{margin:0}.logout-button{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #d5e5d1;border-radius:9px;background:#fff;color:#26713b;font:800 12px Nunito,Arial,sans-serif;min-height:38px}.logout-button span{font-size:18px;line-height:1}.sidebar-logout{margin:8px 5px}.sidebar-logout .logout-button{width:100%;justify-content:center}@media(max-width:620px){.login-card{padding:27px 22px}.login-card h1{font-size:24px}.topbar-actions .logout-button{font-size:0;width:40px;justify-content:center;padding:7px}.topbar-actions .logout-button span{font-size:19px}}