body{margin:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#333}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f7f7f7;line-height:1.6;color:#333}.login-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f7fafc}.login-left{display:none}@media(min-width:768px){.login-container{flex-direction:row;height:100vh}.login-left{display:flex;width:50%;background-color:#ebf8ff;align-items:stretch;justify-content:stretch}.login-left-image-wrapper{width:100%;height:100%;overflow:hidden}.login-left-image{width:100%;height:100%;object-fit:cover;display:block}}.login-right{width:100%;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto;flex:1}@media(min-width:768px){.login-right{width:50%;height:100vh}}.login-form-container{width:100%;max-width:500px;padding:1.5rem}.login-title{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:1rem}@media(min-width:640px){.login-title{font-size:1.875rem;margin-bottom:1.5rem}}.login-subtitle{text-align:center;color:#6b7280;margin-bottom:1.5rem}@media(min-width:640px){.login-subtitle{margin-bottom:2rem}}.login-link{color:#3b82f6;text-decoration:none}.login-link:hover{text-decoration:underline}.form-row{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}@media(min-width:640px){.form-row{flex-direction:row}}.form-group{margin-bottom:1rem;width:100%}.form-label{display:block;color:#4b5563;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;outline:none;transition:border-color .2s,box-shadow .2s}@media(min-width:640px){.form-input{font-size:1rem;padding:.5rem .75rem}}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d}.form-footer{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem}.checkbox-container{display:flex;align-items:center;margin-bottom:.5rem}@media(min-width:640px){.checkbox-container{margin-bottom:0}}.form-checkbox{height:1rem;width:1rem;color:#3b82f6;border:1px solid #d1d5db;border-radius:.25rem}.checkbox-label{margin-left:.5rem;font-size:.75rem;color:#4b5563}@media(min-width:640px){.checkbox-label{font-size:.875rem}}.btn{display:block;width:100%;padding:.625rem 1rem;border:none;border-radius:.375rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:background-color .2s;outline:none}@media(min-width:640px){.btn{padding:.5rem 1rem;font-size:1rem}}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb}.btn-primary:focus{box-shadow:0 0 0 3px #3b82f64d}.btn-social{display:flex;align-items:center;justify-content:center;background-color:#fff;color:#4b5563;border:1px solid #d1d5db;margin-top:1rem}.btn-social:hover{background-color:#f9fafb}.btn-social img{width:1.25rem;height:1.25rem;margin-right:.5rem}.text-divider{text-align:center;color:#6b7280;font-size:.875rem;margin:1.5rem 0;position:relative}.text-divider:before,.text-divider:after{content:"";position:absolute;top:50%;width:calc(50% - 1.5rem);height:1px;background-color:#e5e7eb}.text-divider:before{left:0}.text-divider:after{right:0}.dashboard-container{min-height:100vh;background-color:#f7fafc;padding:1rem}@media(min-width:640px){.dashboard-container{padding:1.5rem}}.dashboard-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1rem}@media(min-width:640px){.dashboard-card{padding:1.5rem}}.dashboard-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}@media(min-width:640px){.dashboard-title{font-size:1.5rem;margin-bottom:1rem}}.dashboard-text{color:#6b7280;font-size:.875rem}@media(min-width:640px){.dashboard-text{font-size:1rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.forgot-password-container{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:1rem;background-color:#0f172a;background-image:linear-gradient(to right,#0f172a,#1e3a8a);position:relative;overflow:hidden}.forgot-password-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(135deg,transparent,transparent 20px,rgba(255,255,255,.03) 20px,rgba(255,255,255,.03) 40px);z-index:1}.forgot-password-card{background-color:#1e293b;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem;width:100%;max-width:450px;position:relative;z-index:10}.forgot-password-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.logo-text{color:#fff;font-size:1.5rem;font-weight:700;background:linear-gradient(90deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.forgot-password-title{color:#fff;font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:.5rem}.forgot-password-subtitle{color:#94a3b8;text-align:center;margin-bottom:1.5rem;font-size:.875rem}.alert-message{background-color:#3b82f61a;border-left:4px solid #3b82f6;color:#93c5fd;padding:1rem;border-radius:.375rem;margin-bottom:1.5rem;font-size:.875rem}.forgot-password-card .form-group{margin-bottom:1.5rem}.forgot-password-card .form-label{color:#cbd5e1;margin-bottom:.5rem}.forgot-password-card .form-input{background-color:#334155;border:1px solid #475569;color:#fff;transition:all .2s ease}.forgot-password-card .form-input::placeholder{color:#64748b}.forgot-password-card .form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d;background-color:#1e293b}.forgot-password-card .btn-primary{background-color:#3b82f6;color:#fff;transition:all .2s ease;margin-bottom:1.5rem}.forgot-password-card .btn-primary:hover{background-color:#2563eb}.forgot-password-card .btn-primary:disabled{background-color:#60a5fa;cursor:not-allowed}.forgot-password-footer{text-align:center;color:#94a3b8;font-size:.875rem}.forgot-password-footer .login-link{color:#3b82f6;text-decoration:none;font-weight:500}.forgot-password-footer .login-link:hover{text-decoration:underline}.password-input-container{position:relative;width:100%}.password-toggle-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;padding:0;margin:0}.eye-icon{font-size:1.25rem;opacity:.7;transition:opacity .2s ease}.password-toggle-btn:hover .eye-icon{opacity:1}.slide-in,.slide-out{transform-origin:top}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.stagger-container>*{transition:opacity .3s,transform .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .5s ease forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .5s ease forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}