:root{--primary-color:#374151;--primary-dark:#111827;--error-color:#dc2626;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--border-color:#d1d5db;--bg-white:#fff;--radius-md:6px}.smartpay-login-page{align-items:center;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;justify-content:center;max-width:100%;padding:0;width:100%}.smartpay-login-page *{box-sizing:border-box}.smartpay-login-page .login-container{max-width:100%;width:100%}.smartpay-login-page .login-form-wrapper{background:transparent;border:none;border-radius:0;box-shadow:none;max-width:100%;padding:24px 0;width:100%}.smartpay-login-page .login-form-container{margin:0;max-width:100%;width:100%}.smartpay-login-page .form-header{margin-bottom:24px}.smartpay-login-page .form-header h1{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0 0 8px}.smartpay-login-page .form-header p{color:var(--text-secondary);font-size:.95rem;margin:0}.smartpay-login-page .login-form .form-group{margin-bottom:20px}.smartpay-login-page .login-form .form-group label{color:var(--text-primary);display:block;font-size:.938rem;font-weight:600;margin-bottom:8px}.smartpay-login-page .login-form .form-control{background-color:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:1rem;padding:12px 16px;transition:border-color .2s ease;width:100%}.smartpay-login-page .login-form .form-control:focus{border-color:var(--primary-color);box-shadow:none;outline:none}.smartpay-login-page .login-form .form-control.with-icon{padding-left:44px}.smartpay-login-page .input-with-icon{position:relative}.smartpay-login-page .input-icon{color:var(--text-muted);left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.smartpay-login-page .password-input-wrapper{position:relative}.smartpay-login-page .password-toggle{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease;z-index:2}.smartpay-login-page .password-toggle:hover{color:var(--text-primary)}.smartpay-login-page .password-toggle:focus{outline:none}.smartpay-login-page .required{color:var(--error-color);margin-left:2px}.smartpay-login-page .error-message{color:var(--error-color);display:none;font-size:.875rem;font-weight:500;margin-top:6px}.smartpay-login-page .form-options{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.smartpay-login-page .checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:.938rem;gap:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.smartpay-login-page .checkbox-label input[type=checkbox]{cursor:pointer;opacity:0;position:absolute}.smartpay-login-page .checkbox-custom{background:var(--bg-white);border:1px solid var(--border-color);border-radius:4px;flex-shrink:0;height:18px;position:relative;transition:all .2s ease;width:18px}.smartpay-login-page .checkbox-label:hover .checkbox-custom{border-color:var(--primary-color)}.smartpay-login-page .checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:var(--primary-color);border-color:var(--primary-color)}.smartpay-login-page .checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.smartpay-login-page .checkbox-text{color:var(--text-secondary)}.smartpay-login-page .forgot-password{color:var(--primary-color);font-size:.938rem;font-weight:600;text-decoration:none}.smartpay-login-page .forgot-password:hover{color:var(--primary-dark);text-decoration:underline}.smartpay-login-page .btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:12px 24px;text-align:center;text-decoration:none;transition:background-color .2s ease;white-space:nowrap}.smartpay-login-page .btn-primary{background:var(--primary-color);box-shadow:none;color:#fff}.smartpay-login-page .btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:none;transform:none}.smartpay-login-page .btn-full{width:100%}.smartpay-login-page .btn:disabled{cursor:not-allowed;opacity:.6}.smartpay-login-page .btn-arrow{transition:transform .2s ease}.smartpay-login-page .btn:hover:not(:disabled) .btn-arrow{transform:translateX(3px)}.smartpay-login-page .alert{align-items:center;border-radius:var(--radius-md);display:flex;font-size:.938rem;font-weight:500;gap:12px;margin:16px 0;padding:14px 18px}.smartpay-login-page .alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.smartpay-login-page .alert-error{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}.smartpay-login-page .form-footer{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px;text-align:center}.smartpay-login-page .form-footer p{color:var(--text-secondary);font-size:.938rem;margin:0}.smartpay-login-page .form-footer a{color:var(--primary-color);font-weight:600;text-decoration:none}.smartpay-login-page .form-footer a:hover{color:var(--primary-dark);text-decoration:underline}