body {background-color: #ffffff !important;min-height: 100vh;margin: 0;padding: 0;}.login-split {display: flex;min-height: 100vh;width: 100%;}.login-image-panel {flex: 0 0 58%;position: relative;overflow: hidden;background-color: #3d8eae;}.login-image-panel img {width: 100%;height: 100%;object-fit: cover;display: block;}.login-image-overlay {position: absolute;inset: 0;background: linear-gradient(135deg, rgba(61, 142, 174, 0.80) 0%, rgba(92, 173, 210, 0.55) 100%);z-index: 1;}.login-form-panel {flex: 1;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 40px;background-color: #f5f6f8;}.login-form-inner {width: 100%;max-width: 380px;}.login-logo {margin-bottom: 40px;text-align: center;}.login-logo img {height: 36px;width: auto;}.login-error {background-color: #fef2f1;border: 1px solid #f13e5a;color: #ab4846;padding: 10px 14px;border-radius: 6px;margin-bottom: 20px;font-size: 13px;}.login-field {margin-bottom: 16px;}.login-field .form-control {height: 48px;border: 1px solid #d1d5db;border-radius: 8px;padding: 0 16px;font-size: 15px;color: #1f2937;background-color: #ffffff;transition: border-color 0.2s, box-shadow 0.2s;box-shadow: none;}.login-field .form-control:focus {border-color: #5cadd2;box-shadow: 0 0 0 3px rgba(92, 173, 210, 0.15);outline: none;}.login-field .form-control::placeholder {color: #9ca3af;}.login-field .input-group {position: relative;display: block;width: 100%;}.login-field .input-group .form-control {display: block;width: 100%;padding-right: 48px;float: none;}.login-field .input-group-addon {position: absolute;right: 0;top: 0;height: 48px;width: 48px;display: flex;align-items: center;justify-content: center;background: transparent;border: none;color: #9ca3af;cursor: pointer;z-index: 3;padding: 0;font-size: 16px;transition: color 0.2s;}.login-field .input-group-addon:hover {color: #5cadd2;}.login-forgot {text-align: right;margin-bottom: 24px;}.login-forgot a {color: #6b7280;font-size: 13px;text-decoration: none;transition: color 0.2s;}.login-forgot a:hover {color: #3d8eae;text-decoration: underline;}.login-submit-btn {width: 100%;height: 48px;border: none;border-radius: 8px;background: linear-gradient(135deg, #3d8eae 0%, #5cadd2 100%);color: #ffffff;font-size: 15px;font-weight: 600;cursor: pointer;transition: opacity 0.2s, box-shadow 0.2s;position: relative;text-align: left;padding: 0 16px;letter-spacing: 0.3px;}.login-submit-btn:hover {opacity: 0.92;box-shadow: 0 4px 12px rgba(92, 173, 210, 0.4);}.login-submit-btn:active {opacity: 0.85;}.login-submit-btn .btn-icon {position: absolute;right: 16px;top: 50%;transform: translateY(-50%);font-size: 16px;}.login-separator {display: flex;align-items: center;margin: 24px 0;color: #9ca3af;font-size: 13px;font-weight: 600;}.login-separator::before,.login-separator::after {content: '';flex: 1;height: 1px;background-color: #e5e7eb;}.login-separator span {padding: 0 12px;}.login-external-btn {display: inline-flex;align-items: center;justify-content: center;border: 1px solid #d1d5db;background: #ffffff;border-radius: 8px;padding: 0 20px;height: 44px;cursor: pointer;transition: border-color 0.2s, box-shadow 0.2s;text-decoration: none;}.login-external-btn:hover {border-color: #9ca3af;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);text-decoration: none;}.login-external-btn svg,.login-external-btn img {margin-right: 10px;flex-shrink: 0;}.login-external-btn img {height: 21px;width: auto;}.login-external-btn span {font-size: 14px;font-weight: 600;color: #5e5e5e;white-space: nowrap;}@media (max-width: 991px) {.login-image-panel {flex: 0 0 40%;}}@media (max-width: 767px) {.login-split {flex-direction: column;}.login-image-panel {flex: none;height: 200px;}.login-form-panel {padding: 32px 24px;}}.login-external-row {margin-bottom: 12px;text-align: center;}.login-logo-img {filter: brightness(0) saturate(100%) invert(45%) sepia(0%) saturate(600%) hue-rotate(160deg) brightness(95%) contrast(85%);}.login-title {font-size: 20px;font-weight: 600;color: #1f2937;margin: 0 0 16px 0;text-align: center;}.login-description {color: #6b7280;font-size: 14px;line-height: 1.6;margin-bottom: 24px;}.login-message {background-color: #dff0fd;border: 1px solid #5cadd2;color: #3d8eae;padding: 10px 14px;border-radius: 6px;margin-bottom: 20px;font-size: 13px;}.login-actions {margin-top: 8px;}.login-back {text-align: center;margin-top: 20px;}.login-back a {color: #6b7280;font-size: 13px;text-decoration: none;transition: color 0.2s;}.login-back a:hover {color: #3d8eae;text-decoration: underline;}.login-div {width: 100%;}.login-div-white {background-color: white;padding: 20px;}