.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;opacity:0;visibility:hidden;background:#00000080;justify-content:flex-end;width:100%;height:100vh;transition:opacity .3s,visibility .3s;display:flex;position:fixed;top:0;left:0}.modal-backdrop.open{opacity:1;visibility:visible}.modal-container{z-index:1000;background:#fff;flex-direction:column;width:350px;height:75vh;margin-top:20px;padding:20px;transition:transform .3s ease-in-out;display:flex;position:relative;transform:translate(100%);box-shadow:-2px 0 10px #0003}.modal-backdrop.open .modal-container{transform:translate(0)}.close-btn{cursor:pointer;color:#555;background:0 0;border:none;padding:5px;font-size:24px;line-height:1;position:absolute;top:10px;right:10px}.close-btn:hover{color:#000}.modal-container h2{margin-bottom:20px;font-size:22px;font-weight:700}.modal-container input{border:1px solid #ccc;border-radius:10px;width:100%;margin:10px 0;padding:12px;font-size:16px}.modal-container input::placeholder{font-size:14px;font-style:italic}.modal-container input:focus{border:1px solid #3639ea;outline:none}.modal-container label span{color:red}.login-btn{color:#fff;cursor:pointer;background:#0056b3;border:none;border-radius:20px;width:100%;margin-top:10px;padding:12px;font-size:16px;transition:all .4s}.modal-container .login-btn:hover{background:#004494;box-shadow:0 10px 15px #0003}.remember-section{justify-content:space-between;align-items:center;margin:10px 0;display:flex}.remember-me{cursor:pointer}.remember-section input{width:15px;height:15px}.remember-section a{color:#0056b3;font-size:14px;text-decoration:none}.remember-section a:hover{text-decoration:underline}.create-account{text-align:center;margin-top:20px;font-size:14px}.create-account a{color:#0056b3;font-weight:700;text-decoration:none}.create-account a:hover{text-decoration:underline}.password-input-wrapper{position:relative}.password-input-wrapper input{width:100%;padding-right:40px}.password-toggle-icon{cursor:pointer;color:#555;font-size:18px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-btn:disabled{color:#666;cursor:not-allowed;box-shadow:none;background:#ccc}.login-btn:disabled:hover{box-shadow:none;background:#ccc}.password-error{color:#dc3545;margin:4px 0 12px;font-size:14px}.disabled-input{cursor:not-allowed;background-color:#f0f0f0}.disabled-input::placeholder{color:#999}.modal-link{color:#0056b3;cursor:pointer;font-size:14px;text-decoration:underline}.modal-link:hover{color:#003d80}.modal-note{color:#555;margin-bottom:15px;font-size:14px;line-height:1.5}