.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f9fafb;padding:20px}.login-form-container{width:100%;max-width:28rem}.login-form-card{background:#fff;border-radius:1rem;box-shadow:0 10px 25px #0000000d;padding:2rem;transition:box-shadow .3s ease}.login-form-card:hover{box-shadow:0 15px 30px #0000001a}.form-header{margin-bottom:2rem;text-align:center}.form-title{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.form-subtitle{color:#6b7280;font-size:.875rem}.error-message{background-color:#fef2f2;color:#b91c1c;padding:.75rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.875rem;border:1px solid #fee2e2;display:flex;align-items:center}.error-message svg{width:1.25rem;height:1.25rem;margin-right:.5rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{position:relative;display:flex;align-items:center;justify-content:center}.input-icon{position:absolute;left:1rem;top:0;bottom:0;display:flex;align-items:center;pointer-events:none}.icon{color:#9ca3af;width:1rem;height:1.25rem}.form-group input{width:90%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.form-options{display:flex;justify-content:space-between;align-items:center;margin:.5rem 0 1rem;font-size:.875rem}.remember-me{display:flex;align-items:center}.remember-me input{margin-right:.5rem}.forgot-password{color:#6366f1;text-decoration:none;font-weight:500}.forgot-password:hover{text-decoration:underline}.submit-button{width:100%;padding:.75rem;border-radius:.5rem;font-weight:600;color:#fff;background-color:#6366f1;border:none;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.submit-button:hover{background-color:#4f46e5}.submit-button:disabled{background-color:#a5b4fc;cursor:not-allowed}.button-loading{display:flex;align-items:center;justify-content:center}.spinner{animation:spin 1s linear infinite;width:1.25rem;height:1.25rem;margin-right:.5rem}.spinner-circle{opacity:.25}.spinner-path{opacity:.75}.social-login{margin:1.5rem 0}.divider{display:flex;align-items:center;color:#6b7280;font-size:.875rem;margin:1rem 0;text-align:center}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #e5e7eb}.divider:before{margin-right:.5rem}.divider:after{margin-left:.5rem}.social-buttons{display:flex;gap:.75rem;margin-top:1rem}.social-button{flex:1;padding:.5rem;border-radius:.5rem;border:1px solid #e5e7eb;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;font-weight:500;transition:all .2s ease}.social-button:hover{background-color:#f9fafb}.social-button.google{color:#3c4043}.social-button.github{color:#24292e}.signup-link{margin-top:1.5rem;text-align:center;font-size:.875rem;color:#6b7280}.link{color:#6366f1;font-weight:500;text-decoration:none}.link:hover{text-decoration:underline}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.password-toggle{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;color:#666;cursor:pointer}.error-message.validation{background-color:#fff3cd;color:#856404;border-color:#ffeeba}.error-message.api{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb}.form-group{position:relative}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;display:flex;flex-direction:column}.MuiDataGrid-root{border:none!important}.MuiPaper-root{box-shadow:0 2px 10px #0000001a!important}