body{background-color:#fff}.success-message,.error-message{display:none}.success-message.show,.error-message.show{display:block}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.35);border-top:2px solid white;border-radius:50%;animation:spin-login 1s linear infinite;display:none}.login-btn.loading .loading-spinner{display:block}button.login-btn,#submitForgotPasswordBtn{background-color:#25d366}button.login-btn:hover:not(:disabled),#submitForgotPasswordBtn:hover:not(:disabled){background-color:color-mix(in srgb,#25D366 85%,black)}button.login-btn{box-shadow:0 4px 20px #25d36666}#forgotPasswordBtn,#createAccountBtn{color:#25d366}#forgotPasswordBtn:hover,#createAccountBtn:hover{color:#25d366;opacity:.85}.login-robot-badge{background-color:#25d366;border-color:#25d366;box-shadow:0 0 20px #25d36666}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;pointer-events:none}.toast-notification{background:#f0fdf4;border:1px solid #bbf7d0;color:#25d366;padding:15px 20px;border-radius:12px;margin-bottom:10px;box-shadow:0 8px 25px #00000014;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:10px;max-width:350px;transform:translate(400px);opacity:0;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);pointer-events:auto}.toast-notification.show{transform:translate(0);opacity:1}.toast-notification.success{background:#f0fdf4;border-color:#22c55e;color:#22c55e}.toast-notification.error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.toast-notification.info{background:#fffbeb;border-color:#fde68a;color:#b45309}@keyframes spin-login{to{transform:rotate(360deg)}}.bg-pattern{background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:24px 24px}body.light-mode select,body.dark-mode select,body:not(.light-mode) select{background-color:#fff!important;color:#000!important;-webkit-text-fill-color:#000000!important}body.light-mode select option,body.dark-mode select option,body:not(.light-mode) select option,body.light-mode select optgroup,body.dark-mode select optgroup,body:not(.light-mode) select optgroup{background-color:#fff!important;color:#000!important}body.light-mode select[class],body.dark-mode select[class],body:not(.light-mode) select[class]{background-color:#fff!important;color:#000!important;-webkit-text-fill-color:#000000!important}body.light-mode select[class] option,body.dark-mode select[class] option,body:not(.light-mode) select[class] option{background-color:#fff!important;color:#000!important}
