.toast {z-index:999!important;margin-top:7rem!important;}.login-wrapper {height: 100vh;background: linear-gradient(180deg, #138143 0%, #1C8D4D 50%, #E2F0D5 100%);display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;}.login-wrapper::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('/img/lines.png');background-repeat: repeat;background-position: center;background-size: auto;pointer-events: none;z-index: 0;}.login-container {display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 0;position: relative;z-index: 1;height: 100%;}.login-left {flex: 7;display: flex;flex-direction: column;align-items: center;justify-content: center;padding-right: 0;position: relative;height: 100%;}.billeroo-logo {max-width: 650px;width: 100%;height: auto;margin-top: auto;margin-bottom: auto;}.copyright-text {color: #595959;font-size: 14px;text-align: center;width: 70%;max-width: 650px;padding-bottom: 20px;position: absolute;bottom: 20px;left: 35%;transform: translateX(-50%);}.login-right {flex: 3;width: auto;height: calc(100% - 100px);display: flex;align-items: center;justify-content: flex-end;margin: 50px 50px 50px 0;padding-left: 0;}.login-card {background: rgba(232, 245, 238, 0.6);border-radius: 16px;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);overflow: hidden;backdrop-filter: blur(10px);height: 100%;width: 100%;max-width: none;margin: 0;display: flex;align-items: center;}.login-card-content {padding: 35px 30px;width: 100%;}.login-title {font-weight: 600;color: #2F2F2F;margin-bottom: 10px;}.login-subtitle {font-size: 90%;color: #666666;margin-bottom: 24px;}.login-input {background-color: #FFFFFF;border: 1px solid #E0E0E0;border-radius: 8px;padding: 18px 20px;font-size: 18px;color: #2F2F2F;transition: border-color 0.2s ease;}.login-input:focus {border-color: #079646;box-shadow: 0 0 0 3px rgba(7, 150, 70, 0.1);outline: none;background-color: #FFFFFF;}.login-input::placeholder {color: #999999;}.form-row-between {display: flex;justify-content: space-between;align-items: center;margin-bottom: 24px;}.custom-control {display: flex;align-items: center;}.custom-control-label {font-size: 14px;color: #2F2F2F;cursor: pointer;line-height: 1.5;padding-top: 0;margin-bottom: 0;}.forgot-password-link {font-size: 14px;color: var(--primary);text-decoration: none;transition: all 0.2s ease;line-height: 1.5;}.forgot-password-link:hover {color: var(--primary);filter: brightness(1.2);text-decoration: none;}.btn-login {width: 100%;background-color: var(--primary);border: none;border-radius: 8px;padding: 14px;font-size: 16px;font-weight: 600;color: #FFFFFF;transition: all 0.2s ease;cursor: pointer;}.btn-login:hover {background-color: var(--primary);filter: brightness(0.85);color: #FFFFFF;}.btn-login:focus {background-color: var(--primary);filter: brightness(0.85);box-shadow: 0 0 0 3px rgba(7, 150, 70, 0.2);outline: none;}#validate {color: #e74a3b;font-size: 14px;margin-bottom: 16px;}@media (max-width: 1200px) {.login-wrapper {align-items: center;justify-content: center;overflow: hidden;}.login-container {flex-direction: column;padding: 20px;justify-content: center;align-items: center;height: 100vh;max-height: 100vh;overflow: hidden;}.login-left {padding-right: 0;align-items: center;text-align: center;margin-bottom: 15px;height: auto;min-height: auto;order: 1;flex: none;}.billeroo-logo {max-width: 200px;}.login-right {max-width: 100%;height: auto;order: 2;justify-content: center;align-items: center;margin: 0;position: relative;flex: none;}.login-card {height: auto;margin: 0 auto;width: 100%;max-width: 400px;}.login-card-content {padding: 25px 20px;}.login-title {font-size: 22px;margin-bottom: 8px;}.login-subtitle {font-size: 13px;margin-bottom: 18px;}.login-input {padding: 15px 17px;font-size: 16px;}.form-row-between {margin-bottom: 18px;}.btn-login {padding: 12px;font-size: 15px;}.copyright-text {position: fixed;bottom: 0;left: 50%;right: auto;width: 100%;padding: 15px 0;margin: 0;text-align: center;transform: translateX(-50%);font-size: 11px;}}@media (max-width: 576px) {.login-wrapper {align-items: center;justify-content: center;overflow: hidden;}.login-container {padding: 15px;align-items: center;justify-content: center;height: 100vh;max-height: 100vh;overflow: hidden;}.login-left {margin-bottom: 12px;display: flex;justify-content: center;width: 100%;}.login-right {width: 100%;display: flex;justify-content: center;margin: 0 0 12px 0;padding: 0;}.login-card {max-width: 100%;margin: 0 auto;}.login-card-content {padding: 20px 18px;}.login-title {font-size: 20px;margin-bottom: 6px;}.login-subtitle {font-size: 12px;margin-bottom: 16px;}.login-input {padding: 10px 12px;font-size: 14px;}.form-row-between {flex-direction: column;align-items: flex-start;gap: 10px;margin-bottom: 16px;}.custom-control-label {font-size: 11px;}.forgot-password-link {align-self: flex-end;font-size: 11px;}.resend-link {font-size: 11px;}.otp-helper-text {font-size: 11px;}.btn-login {padding: 11px;font-size: 14px;}.billeroo-logo {max-width: 160px;}.copyright-text {font-size: 10px;padding: 12px 0;}}@media (max-height: 830px) {.login-wrapper {align-items: center;justify-content: center;overflow: hidden;}.login-container {flex-direction: column;justify-content: center;align-items: center;padding: 15px;height: 100vh;max-height: 100vh;overflow: hidden;}.login-left {height: auto;padding-right: 0;margin-bottom: 12px;width: 100%;display: flex;justify-content: center;flex: none;}.billeroo-logo {max-width: 180px;}.login-right {height: auto;width: 100%;max-width: 380px;margin: 0 auto;justify-content: center;flex: none;}.login-card {height: auto;max-height: none;}.login-card-content {padding: 20px 20px;}.login-title {font-size: 20px;margin-bottom: 6px;}.login-subtitle {font-size: 12px;margin-bottom: 16px;}.login-input {padding: 10px 12px;font-size: 14px;}.form-row-between {margin-bottom: 16px;}.custom-control-label {font-size: 12px;}.forgot-password-link {font-size: 12px;}.btn-login {padding: 10px;font-size: 14px;}.copyright-text {position: fixed;bottom: 0;left: 50%;right: auto;width: 100%;padding: 12px 0;margin: 0;text-align: center;transform: translateX(-50%);font-size: 10px;}}@media (max-width: 400px) {.login-container {padding: 12px;}.login-left {margin-bottom: 10px;}.billeroo-logo {max-width: 140px;}.login-card {max-width: 100%;}.login-card-content {padding: 18px 15px;}.login-title {font-size: 18px;margin-bottom: 5px;}.login-subtitle {font-size: 11px;margin-bottom: 14px;}.login-input {padding: 9px 11px;font-size: 13px;}.form-row-between {gap: 8px;margin-bottom: 14px;}.custom-control-label {font-size: 10px;}.forgot-password-link {font-size: 10px;}.resend-link {font-size: 10px;}.otp-helper-text {font-size: 10px;}.btn-login {padding: 10px;font-size: 13px;}.copyright-text {font-size: 9px;padding: 10px 0;}}.otp-input-container {display: flex;justify-content: center;gap: 12px;margin-bottom: 20px;}.otp-input {width: 50px;height: 50px;text-align: center;font-size: 24px;font-weight: 600;border: 2px solid #E0E0E0;border-radius: 8px;background-color: #FFFFFF;color: #2F2F2F;transition: border-color 0.2s ease;}.otp-input:focus {outline: none;border-color: var(--primary);box-shadow: 0 0 0 3px rgba(7, 150, 70, 0.1);}.otp-input::placeholder {color: #CCCCCC;}.otp-helper-text {font-size: 14px;color: #666666;}.resend-link {font-size: 14px;font-weight: 600;color: var(--primary);text-decoration: none;transition: all 0.2s ease;}.resend-link:hover {color: var(--primary);filter: brightness(1.2);text-decoration: none;}@media (max-width: 576px) {.otp-input-container {gap: 8px;}.otp-input {width: 42px;height: 42px;font-size: 20px;}}@media (max-width: 400px) {.otp-input-container {gap: 6px;}.otp-input {width: 38px;height: 38px;font-size: 18px;}}