html{height:100%;overflow-y:scroll}html body{background:var(--surface);height:100%;width:100%}html body #app{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}html body #app .login-wrapper{animation:fadeIn .4s ease-out;width:400px}html body #app .login-wrapper .login-container{width:100%}html body #app .login-wrapper .login-container .login-card{background:var(--bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:48px 40px}html body #app .login-wrapper .login-container .login-card .login-header{text-align:center}html body #app .login-wrapper .login-container .login-card .login-header .login-logo{height:40px;margin-bottom:32px;opacity:.8}html body #app .login-wrapper .login-container .login-card .login-header .login-title{color:var(--accent);font-size:24px;font-weight:600;letter-spacing:-.3px;margin:0 0 8px}html body #app .login-wrapper .login-container .login-card .login-header .login-subtitle{color:var(--muted);font-size:var(--font-size-base);font-weight:400;margin:0}html body #app .login-wrapper .login-container .login-card .login-form .form-group{margin-bottom:20px}html body #app .login-wrapper .login-container .login-card .login-form .form-group .form-label{color:var(--accent);display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:8px}html body #app .login-wrapper .login-container .login-card .login-form .form-group .form-input{background:var(--bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);color:var(--accent);font-size:var(--font-size-base);height:44px;outline:none;padding:0 12px;transition:border-color var(--transition);width:100%}html body #app .login-wrapper .login-container .login-card .login-form .form-group .form-input::-moz-placeholder{color:var(--muted)}html body #app .login-wrapper .login-container .login-card .login-form .form-group .form-input::placeholder{color:var(--muted)}html body #app .login-wrapper .login-container .login-card .login-form .form-group .form-input:focus{border-color:var(--accent)}html body #app .login-wrapper .login-container .login-card .login-form .form-group .form-input.error{border-color:var(--danger)}html body #app .login-wrapper .login-container .login-card .login-form .error-message{align-items:center;background:var(--status-rejected);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);color:var(--danger);display:flex;font-size:var(--font-size-sm);gap:8px;margin-bottom:20px;padding:12px}html body #app .login-wrapper .login-container .login-card .login-form .error-message svg{flex-shrink:0}html body #app .login-wrapper .login-container .login-card .login-form .login-button{align-items:center;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:500;height:44px;justify-content:center;margin-top:8px;transition:opacity var(--transition);width:100%}html body #app .login-wrapper .login-container .login-card .login-form .login-button:hover:not(:disabled){opacity:.9}html body #app .login-wrapper .login-container .login-card .login-form .login-button:disabled{cursor:not-allowed;opacity:.5}html body #app .login-wrapper .login-container .login-card .login-form .login-button.loading{opacity:.7}html body #app .login-wrapper .login-container .login-card .login-form .login-button .button-loader{animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:640px){html body #app{padding:16px}html body #app .login-wrapper .login-container .login-card{padding:32px 24px}html body #app .login-wrapper .login-container .login-card .login-header{margin-bottom:32px}html body #app .login-wrapper .login-container .login-card .login-header .login-logo{height:36px;margin-bottom:24px}html body #app .login-wrapper .login-container .login-card .login-header .login-title{font-size:22px}html body #app .login-wrapper .login-container .login-card .login-form .form-group{margin-bottom:18px}html body #app .login-wrapper .login-container .login-card .login-form .form-group .form-input{font-size:16px;height:44px}html body #app .login-wrapper .login-container .login-card .login-form .login-button{height:44px}}

/*# sourceMappingURL=login.css.map*/