.login-viewport{background:#f7fbf6;justify-content:flex-start;align-items:flex-start;min-height:100vh;display:flex;overflow:hidden}.login-canvas{transform-origin:0 0}.login-input{color:#102019;background:0 0;border:0;outline:0;flex:1 1 0;min-width:0;padding:0;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:13px}.login-input::placeholder{color:#89958e}.login-input:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #178a76}.login-input-action{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.login-input-action:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #178a76}.login-checkbox{cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.login-checkbox input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.login-checkbox svg{opacity:0}.login-checkbox input:checked+svg{opacity:1}.login-checkbox input:not(:checked){background:#fff}.login-checkbox:has(input:not(:checked)){background:#fff;border:1px solid #dfe5e0}.login-checkbox input:focus-visible+svg{outline-offset:2px;border-radius:4px;outline:2px solid #178a76}.login-submit,.login-google{font:inherit;cursor:pointer;border:0;width:100%}.login-submit:hover{background:#17836c}.login-google:hover{background:#f7f9f7}.login-submit:focus-visible,.login-google:focus-visible{outline-offset:3px;outline:2px solid #178a76}.login-error{color:#b42318;margin:0;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:12px;line-height:1.5}.login-notice{color:#178a76;margin:0;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:12px;line-height:1.5}.login-submit:disabled{cursor:default;opacity:.7}.demo-credentials{z-index:10;color:#102019;background:#f7f9f7;border:1px solid #dfe5e0;border-radius:12px;width:236px;padding:12px;font-family:IBM Plex Sans,system-ui,sans-serif;position:fixed;bottom:18px;right:18px;box-shadow:0 8px 24px #1020191f}.demo-credentials__title{letter-spacing:.04em;text-transform:uppercase;color:#718078;margin:0 0 8px;font-size:11px;font-weight:600}.demo-credentials__cards{flex-direction:column;gap:8px;display:flex}.demo-credentials__card{background:#fff;border:1px solid #dfe5e0;border-radius:10px;padding:8px 10px}.demo-credentials__role{color:#178a76;margin:0 0 4px;font-size:11px;font-weight:600}.demo-credentials__value{color:#34443b;overflow-wrap:anywhere;margin:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10.5px;line-height:1.5}.demo-credentials__value--secret{color:#66756d}.demo-credentials__fill{width:100%;font:inherit;color:#102019;cursor:pointer;background:#f7f9f7;border:1px solid #dfe5e0;border-radius:8px;margin-top:8px;padding:6px 8px;font-size:11px}.demo-credentials__fill:hover{color:#178a76;border-color:#178a76}.demo-credentials__fill:focus-visible{outline-offset:2px;outline:2px solid #178a76}