.login-page{background:linear-gradient(to bottom right,#f0f4f8,#e0e7ef);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-container{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 4px 6px #0000001a}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:#1a202c;margin-bottom:8px;font-size:28px;font-weight:700}.login-header p{color:#718096;font-size:14px}.auth-tabs{border-bottom:1px solid #e2e8f0;gap:8px;margin-bottom:24px;display:flex}.tab-button{color:#718096;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px;font-size:14px;font-weight:500;transition:all .2s}.tab-button:hover:not(:disabled){color:#4299e1;background-color:#f7fafc}.tab-button.active{color:#4299e1;border-bottom-color:#4299e1}.tab-button:disabled{cursor:not-allowed;opacity:.5}.login-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#4a5568;font-size:14px;font-weight:500}.form-group input{border:1px solid #e2e8f0;border-radius:6px;padding:12px;font-size:14px;transition:border-color .2s}.form-group input:focus{border-color:#4299e1;outline:none;box-shadow:0 0 0 3px #4299e11a}.form-group input:disabled{cursor:not-allowed;background-color:#f7fafc}.error-message{color:#c53030;background-color:#fed7d7;border-radius:6px;padding:12px;font-size:14px}.login-button{color:#fff;cursor:pointer;background-color:#4299e1;border:none;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:500;transition:background-color .2s}.login-button:hover:not(:disabled){background-color:#3182ce}.login-button:disabled{cursor:not-allowed;background-color:#a0aec0}