body {background: #f8f9fa;overflow: hidden;margin: 0;padding: 0;font-family: 'poppins', -apple-system, sans-serif;}.container-scroller {width: 100%;height: 100vh;position: relative;display: flex;}.image-panel {width: 50%;height: 100vh;position: relative;overflow: hidden;border-radius: 0 24px 24px 0;margin-right: 2px;}.image-panel img {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;animation: slideIn 0.5s ease-in-out;}.overlay {width: 100%;height: 100%;position: absolute;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.7) 100%);z-index: 1;}.content {width: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 40px;background: white;}.auth-form-light {width: 100%;max-width: 400px;}.content h1 {color: #1a1a1a;font-size: 28px;font-weight: 600;margin-bottom: 8px;text-align: center;width: 100%;}.content .subtitle {color: #6b7280;font-size: 16px;font-weight: 400;margin-bottom: 32px;text-align: center;width: 100%;}.form-group {margin-bottom: 20px;width: 100%;}.form-group label {display: block;color: #374151;font-size: 14px;font-weight: 500;margin-bottom: 8px;text-align: left;}.form-group input {width: 100%;height: 48px;border-radius: 8px;border: 1px solid #d1d5db;color: #1f2937;font-size: 16px;font-weight: 400;padding: 0 16px;box-sizing: border-box;transition: border-color 0.2s;}.form-group input:focus {outline: none;border-color: #3b82f6;box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);}.form-group input::placeholder {color: #9ca3af;}.password-container {position: relative;}#passwordToggler {position: absolute;right: 16px;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;cursor: pointer;color: #6b7280;font-size: 18px;}.forgot-password {text-align: right;color: #000000;font-size: 14px;font-weight: 500;text-decoration: none;display: block;margin-top: 8px;}.forgot-password:hover {text-decoration: underline;}.btn-primary {width: 100%;height: 48px;background: #3b82f6;border-radius: 8px;color: white;font-size: 16px;font-weight: 500;border: none;cursor: pointer;margin-top: 24px;transition: background-color 0.2s;}.btn-primary:hover {background: #2563eb;}.signup-text {color: #6b7280;font-size: 14px;font-weight: 400;text-align: center;margin-top: 24px;}.signup-text span {color: #000000;font-weight: 600;cursor: pointer;}.signup-text span:hover {text-decoration: underline;}.image-text {position: absolute;bottom: 60px;left: 40px;right: 40px;z-index: 2;}.image-text h4 {color: white;font-size: 32px;font-weight: 700;margin-bottom: 16px;line-height: 1.2;}.image-text p {color: rgba(255, 255, 255, 0.9);font-size: 16px;font-weight: 400;line-height: 1.5;margin-bottom: 32px;}.nav-dots {display: flex;gap: 8px;align-items: center;}.nav-dot {width: 60px;height: 4px;background: rgba(255, 255, 255, 0.4);cursor: pointer;border-radius: 2px;transition: background-color 0.3s;}.nav-dot.active {background: white;}.form-check {display: flex;align-items: center;gap: 8px;margin: 16px 0;}.form-check input[type="checkbox"] {width: 16px;height: 16px;margin: 0;}.form-check label {color: #6b7280;font-size: 14px;margin: 0;cursor: pointer;}.input-container {position: relative;display: inline-block;width: 100%;}.input-container input {width: 100%;padding-right: 35px;box-sizing: border-box;}#passwordToggler {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);cursor: pointer;color: #666;font-size: 16px;transition: color 0.2s ease;}#passwordToggler:hover {color: #333;}@keyframes slideIn {from { transform: translateX(-100%); }to { transform: translateX(0); }}.ui-state-default, .ui-widget-content .ui-state-default {width: 100%;height: 48px;background: #3b82f6;border-radius: 8px;color: white;font-size: 16px;font-weight: 500;border: none;cursor: pointer;margin-top: 24px;transition: background-color 0.2s;}.ui-dialog-titlebar{display: none;}.ui-resizable-handle, .ui-icon {background-color: white;}.ui-widget-content{border: 1px solid #ffffff;}.ui-button-text{align-content: center;margin-top: 4px;}.alert {padding: 15px 20px;margin: 20px 0;background-color: rgba(220, 53, 69, 0.9);border-color: rgba(220, 53, 69, 0.9);color: #ffffff;border-radius: 6px;font-family: 'poppins', -apple-system, BlinkMacSystemFont, sans-serif;font-size: 16px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);}.logo-container {display: flex;justify-content: center;align-items: center;gap: 15px;margin-bottom: 30px;padding-top: 0;}.form-logo {max-width: 120px;height: auto;}.company-name {font-family: 'Poppins', sans-serif;font-size: 35px;font-weight: 600;background: linear-gradient(90deg, #0c8ce9, #ff0000);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}@media (max-width: 1024px) {.image-panel {display: none !important;}.content {width: 100% !important;height: 100vh !important;padding: 40px 20px;overflow-y: auto;-webkit-overflow-scrolling: touch;scroll-behavior: smooth;}.auth-form-light {max-width: 500px;width: 100%;}}@media (max-width: 768px) {body {overflow: auto;}.content {padding: 30px 20px;min-height: 100vh;}.auth-form-light {max-width: 100%;}}@media (max-width: 480px) {.content {padding: 20px 16px;}.auth-form-light {max-width: 100%;}}