@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--primary-color: #4361ee;--primary-hover: #3a56d4;--text-color: #2b2d42;--text-muted: #6c757d;--error-color: #d90429;--border-color: #dee2e6;--light-bg: #f8f9fa}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--light-bg);padding:2rem}.auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:2.5rem;width:100%;max-width:450px}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h2{color:var(--text-color);font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.auth-header p{color:var(--text-muted);font-size:.9rem}.auth-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.tab-btn{flex:1;padding:.75rem;background:none;border:none;font-weight:500;color:var(--text-muted);cursor:pointer;position:relative;transition:all .2s}.tab-btn.active{color:var(--primary-color)}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary-color)}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;color:var(--text-color)}.input-icon{width:1rem;height:1rem;color:var(--text-muted)}.form-group input{padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;transition:border .2s}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee1a}.form-group.error input{border-color:var(--error-color)}.error-message{color:var(--error-color);font-size:.8rem;margin-top:.25rem}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.remember-me{display:flex;align-items:center;gap:.5rem}.remember-me input{width:1rem;height:1rem}.forgot-password{color:var(--primary-color);text-decoration:none;transition:color .2s}.forgot-password:hover{color:var(--primary-hover);text-decoration:underline}.auth-btn{background:var(--primary-color);color:#fff;border:none;border-radius:8px;padding:.75rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s;display:flex;justify-content:center;align-items:center;gap:.5rem}.auth-btn:hover{background:var(--primary-hover)}.auth-btn:disabled{opacity:.7;cursor:not-allowed}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-footer{text-align:center;margin-top:1.5rem;font-size:.9rem;color:var(--text-muted)}.text-link{background:none;border:none;color:var(--primary-color);font-weight:500;cursor:pointer;padding:0}.text-link:hover{text-decoration:underline}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#root{min-height:100vh}