.AuthPanel{margin-top:0;padding:2rem 1rem;min-height:calc(100vh - var(--header-height))!important;background-color:var(--body-background-color)}.AuthPanel,.AuthPanel .LoadingStateContainer{display:flex;align-items:center;justify-content:center}.AuthPanel .LoadingStateContainer{flex-direction:column;gap:1rem}.AuthPanel .LoadingStateContainer .LoadingMessage{animation:fadeIn .3s ease-in-out}.SigninCard{width:100%;max-width:420px;background-color:var(--card-bg);border-radius:var(--card-border-radius);box-shadow:var(--shadow-lg);overflow:hidden}.SigninTitle{font-size:1.75rem;font-weight:700;color:var(--dialog-branded-header-title-color);margin:0;padding:0;text-transform:none}.SigninBody{padding:2rem}@media(max-height:700px){.SigninBody{padding:1.25rem}}.SigninForm{display:flex;flex-direction:column;gap:1.5rem}@media(max-height:700px){.SigninForm{gap:1rem}}.FormField{display:flex;flex-direction:column;gap:.5rem}.FieldLabelRow{display:flex;justify-content:space-between;align-items:center}.FieldLabel{font-size:1rem;font-weight:600;color:var(--body-text-color)}.ForgotPasswordLink{font-size:.875rem;color:var(--link-text-color);text-decoration:none}.ForgotPasswordLink:hover{text-decoration:underline}.FieldInput{width:100%;padding:1rem 1.25rem;font-size:1rem;color:var(--input-text);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--border-radius);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.FieldInput::-moz-placeholder{color:var(--input-placeholder)}.FieldInput::placeholder{color:var(--input-placeholder)}.FieldInput:focus{border-color:var(--input-border-focus);box-shadow:var(--shadow-focus-info)}.PasswordInputWrapper{position:relative;display:flex;align-items:center}.PasswordInputWrapper .FieldInput{padding-right:3rem}.ShowPasswordButton{position:absolute;right:1rem;background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:var(--muted-text-color);transition:color .2s ease}.ShowPasswordButton:hover{color:var(--body-text-color)}.PasswordIcon{width:1.25rem;height:1.25rem}.ErrorMessage{padding:.75rem 1rem;background-color:var(--danger-background-color);color:var(--error-color);border-radius:.5rem;font-size:.875rem;text-align:center}.SigninButton{width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:600;color:var(--body-text-color);background-color:var(--primary-accent-color);border:none;border-radius:var(--button-border-radius);cursor:pointer;transition:background-color .2s ease,opacity .2s ease;text-align:center}.SigninButton:hover:not(:disabled){background-color:color-mix(in srgb,var(--primary-accent-color) 85%,black)}.SigninButton:disabled{opacity:.6;cursor:not-allowed}.SigninHelpText{margin:1rem 0 0;font-size:.8rem;color:var(--secondary-text-color);text-align:center}.ContactLink{color:var(--link-text-color);text-decoration:none}.ContactLink:hover{text-decoration:underline}.SignupPrompt{margin-top:1.5rem;text-align:center;font-size:.875rem;color:var(--secondary-text-color)}.SignupPrompt span{margin-right:.25rem}.SignupLink{color:var(--link-text-color);text-decoration:none;font-weight:500}.SignupLink:hover{text-decoration:underline}.AuthModeToggle{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:0m;background-color:var(--input-bg);border-radius:var(--border-radius);border:1px solid var(--card-border-color)}@media(max-height:700px){.AuthModeToggle{margin-bottom:1rem}}.AuthModeButton{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--muted-text-color);background-color:rgba(0,0,0,0);border:none;border-radius:calc(var(--border-radius) - 2px);cursor:pointer;transition:all .2s ease}.AuthModeButton:hover:not(.active){color:var(--body-text-color);background-color:var(--hover-bg)}.AuthModeButton.active{color:var(--body-text-color);background-color:var(--badge-secondary-bg)}.AuthModeIcon{width:1rem;height:1rem}.OtpInput{letter-spacing:.5em;text-align:center;font-size:1.5rem;font-weight:600;font-family:monospace}.OtpInput::-moz-placeholder{font-size:1rem;font-weight:400;letter-spacing:normal;font-family:inherit}.OtpInput::placeholder{font-size:1rem;font-weight:400;letter-spacing:normal;font-family:inherit}.CodeSentMessage{font-size:.875rem;color:var(--secondary-text-color);margin:0 0 .5rem}.ResendCodeButton{width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:var(--link-text-color);background-color:rgba(0,0,0,0);border:1px solid var(--input-border);border-radius:var(--button-border-radius);cursor:pointer;transition:all .2s ease}.ResendCodeButton:hover:not(:disabled){background-color:var(--hover-bg);border-color:var(--link-text-color)}.ResendCodeButton:disabled{opacity:.6;cursor:not-allowed}.ResendCodeLink{display:inline-block;margin-top:.25rem;font-size:.75rem;color:var(--link-text-color);background:none;border:none;cursor:pointer;text-decoration:underline}.ResendCodeLink:hover{color:color-mix(in srgb,var(--link-text-color) 80%,black)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}