:root{--primary:#a8a2f8;--primary-hover:#968ef2;--bg-lavender:#e9e5fd;--text-dark:#1e1b4b;--text-muted:#6b7280;--radius-md:12px;--danger:#ef4444;--success:#10b981;--auth-surface:#fff;--auth-toast-bg:#fff;--auth-divider:#e5e7eb}html.dark{--bg-lavender:#1f1b3a;--text-dark:var(--foreground);--text-muted:var(--muted-foreground);--auth-surface:var(--background);--auth-toast-bg:var(--card);--auth-divider:var(--border)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--auth-surface);color:var(--text-dark);font-family:Inter,sans-serif}.auth-container{width:100%;min-height:100vh;display:flex}.auth-container.split-left{flex-direction:row}.background-panel{background-color:var(--bg-lavender);background-image:url(/images/auth-bg.png);background-position:50%;background-repeat:no-repeat;background-size:contain;flex:1.2;justify-content:center;align-items:center;display:flex}.form-panel{background-color:var(--auth-surface);flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.form-card{text-align:center;width:100%;max-width:400px}.logo-container{margin-bottom:2rem}.logo-container img{width:auto;height:180px}.form-header h2{color:var(--text-dark);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.form-header p{color:var(--text-muted);margin-bottom:2rem;font-size:.9375rem}.form-group{text-align:left;margin-bottom:1.5rem}.form-label{color:var(--text-dark);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-control{border-radius:var(--radius-md);border:1px solid var(--border);box-sizing:border-box;width:100%;height:48px;color:var(--text-dark);background-color:#fff;padding:0 1rem;font-size:.9375rem;transition:all .2s;display:block}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #a8a2f826}.form-control::placeholder{color:#9ca3af}.form-control.is-invalid{border-color:#ef4444!important}.invalid-feedback{color:#ef4444;align-items:center;gap:.25rem;margin-top:.35rem;font-size:.75rem;font-weight:500;display:flex}.password-toggle{color:#9ca3af;cursor:pointer;align-items:center;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.btn-primary{background-color:var(--primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;border:none;width:100%;margin-top:1rem;padding:.875rem 1rem;font-size:.9375rem;font-weight:600;transition:background-color .2s}.btn-primary:hover{background-color:var(--primary-hover)}.form-link{color:var(--primary);font-size:.875rem;font-weight:500;text-decoration:none}.form-link:hover{text-decoration:underline}.error-message{color:#ef4444;margin-top:.25rem;font-size:.75rem;font-weight:500;display:block}.is-invalid{border-color:#fca5a5!important}.is-invalid:focus{box-shadow:0 0 0 3px #ef44441a!important}.alert{border-radius:var(--radius-md);margin-bottom:1.5rem;padding:.875rem 1rem;font-size:.9375rem}.alert-success{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.alert-danger{color:#b91c1c;background-color:#fef2f2;border:1px solid #fecaca}@media (width<=1024px){.background-panel{display:none}.form-panel{flex:1}}.toast-container{z-index:9999;flex-direction:column;gap:1rem;max-width:400px;display:flex;position:fixed;top:2rem;right:2rem}.toast{border-radius:var(--radius-md);border-left:4px solid var(--primary);text-align:left;background:#fff;align-items:center;gap:1rem;padding:1rem 1.25rem;animation:.3s forwards slideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.toast.toast-success{border-left-color:#10b981}.toast.toast-error{border-left-color:#ef4444}.toast.toast-warning{border-left-color:#f59e0b}.toast.toast-info{border-left-color:var(--primary)}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.toast-success .toast-icon{color:#10b981;background:#ecfdf5}.toast-error .toast-icon{color:#ef4444;background:#fef2f2}.toast-warning .toast-icon{color:#f59e0b;background:#fffbeb}.toast-info .toast-icon{background:var(--bg-lavender);color:var(--primary)}.toast-content{flex:1}.toast-title{color:var(--text-dark);font-size:.95rem;font-weight:600;display:block}.toast-message{color:var(--text-muted);font-size:.875rem}.toast-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:flex}.toast-close:hover{color:var(--text-dark)}.toast-progress{background:#0000000d;width:100%;height:3px;position:absolute;bottom:0;left:0}.toast-progress-bar{background:inherit;transform-origin:0;width:100%;height:100%}.loading-spinner{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;margin-right:.5rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}