.btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:colors .2s;cursor:pointer;border:none;outline:none;transition:background-color .2s ease,box-shadow .2s ease}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 4px hsl(var(--ring))}.btn:disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.btn-default{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.btn-default:hover:not(:disabled){background-color:hsl(var(--primary) / .9)}.btn-destructive{background-color:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.btn-destructive:hover:not(:disabled){background-color:hsl(var(--destructive) / .9)}.btn-outline{border:1px solid hsl(var(--input));background-color:hsl(var(--background))}.btn-outline:hover:not(:disabled){background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.btn-secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.btn-secondary:hover:not(:disabled){background-color:hsl(var(--secondary) / .8)}.btn-ghost{background-color:transparent}.btn-ghost:hover:not(:disabled){background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.btn-link{color:hsl(var(--primary));text-decoration:underline;text-underline-offset:4px;background-color:transparent}.btn-link:hover:not(:disabled){text-decoration:underline}.btn-default-size,.btn.btn-default{height:2.5rem;padding:.5rem 1rem}.btn-sm{height:2.25rem;border-radius:.375rem;padding:0 .75rem}.btn-lg{height:2.75rem;border-radius:.375rem;padding:0 2rem}.btn-icon{height:2.5rem;width:2.5rem;padding:0}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}.login-container{height:100vh;width:100%;display:flex;overflow:hidden}.left-side{position:relative;background-color:#f3f4f6;flex:0 0 35%;min-width:0;overflow:hidden;transition:all .3s ease}.left-side-image{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.left-side-image img{width:100%;height:100%;object-fit:cover;object-position:left}.blue-stripe{position:absolute;top:0;left:0;width:clamp(6px,.8vw,12px);height:100%;background-color:#5f69ff;transition:width .3s ease}.right-side{flex:1;display:flex;justify-content:center;overflow:hidden;background:white}.login-form{width:100%;max-width:420px;padding:1rem;display:flex;flex-direction:column;justify-content:center;overflow-y:visible;align-self:baseline}.logo-container{text-align:center;margin-right:18px}.logo-container img{max-width:150px;height:auto}.welcome-section{text-align:center;padding:0 1rem}.welcome-title{font-size:clamp(20px,4vw,28px);font-weight:600;margin-bottom:4px}.welcome-subtitle{font-size:clamp(13px,3vw,16px);color:#363030;margin-bottom:1.5rem}.form-container{width:100%;max-width:380px;margin:auto}.input-wrapper{display:flex;flex-direction:column;gap:10px}.input-container{position:relative;width:100%}.input-field{width:100%;height:45px;padding:0 1rem 0 clamp(2.5rem,6vw,3rem);border:1px solid #d1d5db;border-radius:28px;font-size:clamp(12px,3vw,14px);transition:border-color .2s,box-shadow .2s;color:#1e1e1ecc;outline:none;box-shadow:none;font-weight:500;line-height:24px;box-sizing:border-box}.label-space{height:12px;margin-bottom:2px;display:flex;align-items:flex-end}.input-label{color:#5e6366;font-size:clamp(10px,2.5vw,12px);font-weight:400;margin-left:4px;display:block;margin-bottom:4px}.input-field::placeholder{color:#363030;font-size:clamp(11px,2.5vw,13px);font-weight:400}.input-field:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.input-error{border-color:#dc2626!important;box-shadow:0 0 0 1px #dc2626!important}.input-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a!important}.input-icon{position:absolute;top:50%;left:clamp(.75rem,2vw,1rem);transform:translateY(-50%);display:flex;align-items:center;pointer-events:none;z-index:2;color:#6b7280}.input-icon svg{width:clamp(14px,3vw,16px);height:clamp(14px,3vw,16px)}.password-toggle{position:absolute;top:50%;right:clamp(.75rem,2vw,1rem);transform:translateY(-50%);display:flex;align-items:center;background:none;border:none;cursor:pointer;z-index:2;padding:.25rem;color:#6b7280}.password-toggle svg{width:clamp(14px,3vw,16px);height:clamp(14px,3vw,16px)}.password-toggle:hover{color:#374151}.status-message{font-size:.875rem;text-align:center;margin-top:1rem}.status-message.error{color:#dc2626}.status-message.success{color:#059669}.error-message{color:#dc2626;font-size:clamp(.75rem,2vw,.875rem);text-align:center;margin-top:1rem}.success-message{color:#059669;font-size:clamp(.75rem,2vw,.875rem);text-align:center;margin-top:1rem}.email-error-message{color:#dc2626;font-size:clamp(.65rem,1.8vw,.75rem);margin-top:.25rem;text-align:left;margin-left:4px}.options-container{display:flex;align-items:center;justify-content:space-between;padding:clamp(6px,1.5vw,8px) clamp(8px,2vw,12px);margin-top:1rem;gap:.5rem;flex-wrap:wrap}.remember-me-label{display:flex;align-items:center;cursor:pointer}.remember-me-checkbox{border-radius:.25rem;border:1px solid #d1d5db;accent-color:#3b82f6;cursor:pointer;width:clamp(14px,3vw,16px);height:clamp(14px,3vw,16px)}.remember-me-text{margin-left:.5rem;font-size:clamp(9px,2vw,10px);color:#363030;font-weight:400;white-space:nowrap}.forgot-password-link{font-size:clamp(9px,2vw,10px);color:#5570f1;text-decoration:none;background:none;border:none;cursor:pointer;white-space:nowrap}.forgot-password-link:hover{text-decoration:underline}.submit-button{width:100%;height:clamp(2.5rem,8vw,3rem);color:#fff;font-weight:500;border:none;border-radius:10px;background-color:var(--primary-light-blue, #5f69ff);cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;font-size:clamp(14px,3vw,16px)}.submit-button:hover:not(:disabled){background-color:#5f69ffe6}.submit-button:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--primary-light-blue, #5f69ff)}.submit-button:active:not(:disabled){background-color:#5f69ffcc}.submit-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.login-container{min-height:100vh;display:flex;width:100%;overflow:hidden}@media (max-width: 1224px){.left-side{flex-basis:350px}.blue-stripe{width:8px}}@media (max-width: 768px){.left-side{flex-basis:250px}.blue-stripe{width:8px}}@media (max-width: 480px){.left-side,.blue-stripe{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{margin:0;padding:0}:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 221.2 83.2% 53.3%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96%;--secondary-foreground: 222.2 84% 4.9%;--muted: 210 40% 96%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96%;--accent-foreground: 222.2 84% 4.9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 221.2 83.2% 53.3%;--radius: .5rem;--primary-blue: #3b82f6;--primary-purple: #8b5cf6;--primary-light-blue: #5f69ff}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 217.2 91.2% 59.8%;--primary-foreground: 222.2 84% 4.9%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 224.3 76.3% 94.1%}@keyframes loading-bar{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-loading-bar{animation:loading-bar 1.5s ease-in-out infinite;width:50%}