.seller-login-modal,.seller-registration-modal{max-width:600px!important;width:95vw!important;max-height:90vh!important}.seller-login-form,.seller-registration-form{padding:0 24px 24px;overflow-y:auto;flex:1 1}.form-section{margin-bottom:32px}.form-section h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 20px;padding-bottom:8px;border-bottom:2px solid #f3f4f6}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;box-sizing:border-box;background-color:#fff;min-height:44px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#e74b3c;box-shadow:0 0 0 3px rgba(231,75,60,.1)}.form-group input.error,.form-group textarea.error{border-color:#dc2626!important;background-color:#fef2f2!important;box-shadow:0 0 0 1px #dc2626!important;width:100%!important;padding:12px 16px!important;box-sizing:border-box!important;min-height:44px!important;margin:0!important}.form-group input.error:focus,.form-group textarea.error:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.1)!important}.form-group input.readonly-field{background-color:#f9fafb;color:#6b7280;cursor:not-allowed;border-color:#d1d5db}.form-group input.readonly-field:focus{border-color:#d1d5db;box-shadow:none}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.password-input{position:relative;display:flex;align-items:center;width:100%;min-height:44px}.password-input input{padding-right:44px!important;width:100%!important;box-sizing:border-box!important;min-height:44px!important;line-height:1.4!important}.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:6px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px;z-index:2;flex-shrink:0}.password-toggle:hover{color:#374151;background-color:#f3f4f6}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.password-input input.error{padding-right:44px!important;min-height:44px!important;line-height:1.4!important}.password-input.error{min-height:44px!important}.checkbox-group{margin-bottom:24px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;line-height:1.5;color:#374151;padding:8px 0}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin:0;flex-shrink:0;cursor:pointer}.checkbox-label input[type=checkbox].error{accent-color:#dc2626}.checkbox-label .link{color:#e74b3c;text-decoration:underline}.checkbox-label .link:hover{color:#cc3d3d}.error-message{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:16px 18px;border-radius:8px;margin-bottom:20px;font-size:14px;line-height:1.4;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(-10px);opacity:0;animation:slideInError .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInError{to{transform:translateY(0);opacity:1}}.error-message:before{content:"⚠️";font-size:16px;flex-shrink:0;margin-top:1px}.error-message strong{font-weight:600;display:block;margin-bottom:4px}.error-message p{margin:0;font-size:13px;opacity:.9}.error-header{margin-bottom:8px}.error-header strong{font-weight:600;color:inherit}.error-suggestions{margin-top:12px;padding-top:12px;border-top:1px solid hsla(0,0%,100%,.2)}.suggestions-title{font-size:13px;font-weight:600;margin-bottom:8px;color:inherit;opacity:.9}.suggestions-list{list-style:none;margin:0;padding:0}.suggestion-item{font-size:12px;line-height:1.4;margin-bottom:4px;padding-left:8px;position:relative;color:inherit;opacity:.85}.suggestion-item:last-child{margin-bottom:0}.suggestion-item:before{content:"";position:absolute;left:0;top:6px;width:4px;height:4px;border-radius:50%;background-color:currentColor;opacity:.6}.error-message.login-error{background-color:#fef2f2;border-color:#fecaca;color:#dc2626}.error-message.network-error{background-color:#fef3c7;border-color:#fcd34d;color:#d97706}.error-message.network-error:before{content:"🔌"}.error-message.validation-error{background-color:#f3e8ff;border-color:#d8b4fe;color:#7c3aed}.error-message.validation-error:before{content:"📝"}.error-message.general-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;display:flex;align-items:flex-start;gap:8px;padding:16px;border-radius:8px;margin-bottom:20px;font-size:14px;line-height:1.5}.error-message.general-error .error-icon{font-size:16px;flex-shrink:0;margin-top:1px}.error-message.general-error .error-content{flex:1 1}.error-message.general-error strong{font-weight:600}.field-error{display:flex;align-items:flex-start;gap:6px;margin-top:6px;padding:8px 12px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:12px;line-height:1.4}.field-error .error-icon{font-size:12px;flex-shrink:0;margin-top:1px}.field-error .error-text{flex:1 1;color:#dc2626;font-size:12px;margin:0;display:inline}.error-text{color:#e74b3c}.error-text,.field-hint{font-size:12px;margin-top:4px;display:block}.field-hint{color:#6b7280;font-style:italic}.success-message{text-align:center;padding:32px 24px}.success-icon{font-size:48px;margin-bottom:16px}.success-message h3{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 12px}.success-message p{font-size:14px;color:#6b7280;line-height:1.6;margin:0 0 24px}.modal-actions{display:flex;flex-direction:column;gap:16px;margin-top:24px}.btn-primary{background-color:#e74b3c;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.btn-primary:hover:not(:disabled){background-color:#cc3d3d;transform:translateY(-1px)}.btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.modal-switch{text-align:center;padding-top:16px;border-top:1px solid #f3f4f6}.modal-switch span{font-size:14px;color:#6b7280;margin-right:8px}.link-button{background:none;border:none;color:#e74b3c;font-size:14px;font-weight:500;cursor:pointer;text-decoration:underline;transition:color .2s ease}.link-button:hover{color:#cc3d3d}.client-login-modal,.client-registration-modal{max-width:500px!important;width:95vw!important;max-height:90vh!important}.welcome-modal{max-width:480px!important;width:min(95vw,480px)!important;min-width:0;overflow-x:hidden;box-sizing:border-box}.welcome-content{padding:0 24px 24px;min-width:0;max-width:100%}.client-type-selector{display:flex;flex-direction:column;gap:16px;min-width:0}.client-type-btn{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;min-width:0;box-sizing:border-box}.client-type-btn:hover{border-color:#e74b3c;box-shadow:0 4px 12px rgba(231,75,60,.1);transform:translateY(-2px)}.client-type-btn.retail:hover .client-type-icon{color:#e74b3c}.client-type-btn.wholesale:hover .client-type-icon{color:#059669}.client-type-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#f9fafb;border-radius:50%;color:#6b7280;transition:all .2s ease;flex-shrink:0}.client-type-btn.retail .client-type-icon{background:#f0f8ff}.client-type-btn.wholesale .client-type-icon{background:#ecfdf5}.client-type-content{flex:1 1;min-width:0;overflow-wrap:break-word}.client-type-content h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 4px}.client-type-content p{font-size:14px;color:#6b7280;margin:0;line-height:1.4}.seller-link{display:flex;align-items:center;gap:8px;padding:8px 16px;background:none;border:1px solid #e74b3c;border-radius:8px;color:#e74b3c;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.seller-link:hover{background:#e74b3c;color:#fff;transform:translateY(-1px)}.seller-link .seller-icon{width:16px;height:16px}@media (max-width:768px){.client-login-modal,.client-registration-modal,.seller-login-modal,.seller-registration-modal,.welcome-modal{max-width:95vw!important;max-height:95vh!important}.seller-login-form,.seller-registration-form,.welcome-content{padding:0 16px 16px}.client-type-btn{padding:16px;gap:12px}.client-type-icon{width:40px;height:40px}.client-type-content h3{font-size:16px}.client-type-content p{font-size:13px}.form-section{margin-bottom:24px}.form-section h3{font-size:16px}.form-group,.form-section h3{margin-bottom:16px}.form-group input,.form-group textarea{padding:12px 16px;font-size:16px;min-height:48px}.error-message{padding:14px 16px;font-size:13px}.suggestions-title{font-size:12px}.suggestion-item{font-size:11px;padding-left:12px}.suggestion-item:before{width:3px;height:3px;top:5px}.password-input,.password-input input{min-height:48px!important}.password-input input{padding-right:50px!important}.password-toggle{right:10px;width:32px;height:32px}}@media (max-width:480px){.form-group input,.form-group textarea{font-size:16px;min-height:50px;padding:14px 16px}.password-input,.password-input input{min-height:50px!important}.password-input input{padding-right:52px!important}.password-toggle{right:8px;width:34px;height:34px;padding:8px}.modal-content{width:95vw!important;max-width:none!important}.modal-body{padding:12px 20px!important}.error-message{padding:12px 14px;font-size:12px}.suggestions-title{font-size:11px}.suggestion-item{font-size:10px;padding-left:10px}}.password-requirements-modal{position:absolute!important;top:100%!important;left:0!important;right:0!important;background-color:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;padding:16px!important;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)!important;z-index:1000!important;margin-top:4px!important;max-width:none!important;width:auto!important}.password-requirements-modal h4{margin:0 0 12px!important;font-size:14px!important;font-weight:600!important;color:#374151!important}.password-requirements-modal ul{margin:0!important;padding:0!important;list-style:none!important}.password-requirements-modal li{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:6px!important;font-size:13px!important;color:#6b7280!important}.password-requirements-modal li svg{flex-shrink:0!important}.password-requirements-modal li[data-valid=true]{color:#10b981!important}.password-requirements-modal li[data-valid=false]{color:#ef4444!important}.password-requirements-modal .warning-box{margin-top:12px!important;padding:8px!important;background-color:#f1f5f9!important;border-radius:4px!important;font-size:12px!important;color:#6b7280!important}.form-group input[type=password],.form-group input[type=text]{transition:border-color .2s ease,box-shadow .2s ease}.form-group input[type=password]:focus,.form-group input[type=text]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-group input[type=password][data-valid=true],.form-group input[type=text][data-valid=true]{border-color:#10b981!important}.form-group input[type=password][data-valid=false],.form-group input[type=text][data-valid=false]{border-color:#ef4444!important}@media (max-width:640px){.password-requirements-modal{position:fixed!important;top:auto!important;bottom:20px!important;left:20px!important;right:20px!important;max-width:none!important;z-index:99999999!important}}.invoice-preview-modal{padding:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-overlay.seller{align-items:center!important;padding:1rem!important;background:rgba(0,0,0,.6)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2100!important}@media (max-width:768px){.modal-overlay.seller{padding:0!important;align-items:flex-end!important}.modal-overlay.seller .modal-content{border-radius:20px 20px 0 0!important;max-height:95vh!important;max-height:calc(100dvh - env(safe-area-inset-top, 0px))!important;margin-bottom:0!important;width:100%!important;max-width:100%!important;transform:none!important}}.modal-overlay.seller-auth-multi{display:flex!important;align-items:center!important;justify-content:center!important;padding:1rem!important;background-color:rgba(0,0,0,.5)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;z-index:99999999!important}.modal-content.seller-auth-modal{width:90vw!important;max-width:480px!important;min-height:auto!important;max-height:90vh!important;margin:0!important;padding:0!important;border-radius:24px!important;background:#fff!important;box-shadow:0 20px 40px rgba(0,0,0,.2)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;position:relative!important;transform:none!important;animation:sellerAuthFadeIn .3s cubic-bezier(.16,1,.3,1)!important}@keyframes sellerAuthFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.seller-auth-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:#f3f4f6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s;z-index:10}.seller-auth-close:hover{background:#e5e7eb;color:#374151}.seller-auth-close:disabled{opacity:.5;cursor:not-allowed}.seller-auth-header{padding:40px 28px 24px;text-align:center;background:#fff;flex-direction:column}.seller-auth-header,.seller-auth-icon{display:flex;align-items:center;flex-shrink:0}.seller-auth-icon{width:72px;height:72px;margin:0 0 20px;justify-content:center;background:#f0fdf4;color:#16a34a;border-radius:50%;transition:all .3s ease}.seller-auth-icon svg{width:36px;height:36px;display:block}.seller-auth-title{font-size:22px;font-weight:700;color:#111827;margin:0 0 10px;line-height:1.3;text-align:center}.seller-auth-subtitle{font-size:15px;color:#6b7280;line-height:1.5;margin:0;max-width:90%;text-align:center}.seller-auth-steps{padding:0 28px 24px;gap:0}.seller-auth-step,.seller-auth-steps{display:flex;align-items:center;justify-content:center}.seller-auth-step{width:32px;height:32px;border-radius:50%;background-color:#f3f4f6;color:#9ca3af;font-weight:600;font-size:14px;transition:all .3s ease;flex-shrink:0}.seller-auth-step.active{box-shadow:0 0 0 4px rgba(22,163,74,.15)}.seller-auth-step.active,.seller-auth-step.completed{background-color:#16a34a;color:#fff}.seller-auth-step-line{width:40px;height:2px;background-color:#e5e7eb;margin:0 8px;transition:all .3s ease}.seller-auth-step-line.completed{background-color:#16a34a}.seller-auth-error{display:flex;align-items:flex-start;gap:10px;margin:0 28px 20px;padding:14px 18px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:14px;line-height:1.4;animation:slideInError .3s ease forwards}.seller-auth-error .error-icon{flex-shrink:0}.seller-auth-form{padding:0 28px 8px;flex:1 1;overflow-y:auto}.seller-auth-fields{display:flex;flex-direction:column;gap:20px}.seller-auth-field{display:flex;flex-direction:column;gap:8px}.seller-auth-field label{font-size:14px;font-weight:500;color:#374151}.seller-auth-field label .required{color:#ef4444}.seller-auth-field input,.seller-auth-field select,.seller-auth-field textarea{width:100%;padding:14px 18px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;transition:all .2s ease;box-sizing:border-box;background-color:#f9fafb;color:#111827;min-height:52px}.seller-auth-field input:focus,.seller-auth-field select:focus,.seller-auth-field textarea:focus{outline:none;border-color:#16a34a;background-color:#fff;box-shadow:0 0 0 3px rgba(22,163,74,.1)}.seller-auth-field input::placeholder,.seller-auth-field textarea::placeholder{color:#9ca3af}.seller-auth-field textarea{resize:vertical;min-height:80px}.seller-auth-field select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.seller-auth-field .field-hint{font-size:12px;color:#6b7280;font-style:italic}.seller-auth-success-hint{display:flex;align-items:center;gap:12px;padding:14px 18px;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;color:#15803d;font-size:14px;line-height:1.5;margin-top:4px}.seller-auth-success-hint svg{flex-shrink:0;color:#16a34a}.seller-auth-buttons{padding:24px 28px 32px;display:flex;justify-content:space-between;gap:14px;background:#fff;border-top:1px solid #f3f4f6;flex-shrink:0}.seller-auth-btn{display:flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .2s;gap:10px;font-family:inherit;box-sizing:border-box;flex:1 1}.seller-auth-btn svg{width:18px;height:18px;flex-shrink:0}.seller-auth-btn.primary{background:#16a34a;color:#fff;box-shadow:0 4px 6px -1px rgba(22,163,74,.2)}.seller-auth-btn.primary:hover:not(:disabled){background:#15803d;box-shadow:0 4px 12px -2px rgba(22,163,74,.3);transform:translateY(-1px)}.seller-auth-btn.primary:active:not(:disabled){transform:translateY(0)}.seller-auth-btn.primary:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none}.seller-auth-btn.secondary{background:transparent;color:#4b5563;border:1px solid #e5e7eb}.seller-auth-btn.secondary:hover:not(:disabled){background:#f9fafb;color:#1f2937;border-color:#d1d5db}.seller-auth-btn.secondary:active:not(:disabled){transform:scale(.99)}.seller-auth-btn.secondary:disabled{opacity:.5;cursor:not-allowed}@media (max-width:480px){.modal-overlay.seller-auth-multi{align-items:flex-end!important;padding:0!important}.modal-content.seller-auth-modal{border-radius:24px 24px 0 0!important;width:100%!important;max-width:100%!important;margin:0!important;max-height:95vh!important;animation:sellerAuthSlideUp .3s cubic-bezier(.16,1,.3,1)!important}@keyframes sellerAuthSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.seller-auth-header{padding:32px 24px 20px}.seller-auth-icon{width:64px;height:64px}.seller-auth-icon svg{width:32px;height:32px}.seller-auth-title{font-size:20px}.seller-auth-steps{padding:0 24px 20px}.seller-auth-step{width:30px;height:30px;font-size:13px}.seller-auth-step-line{width:36px;margin:0 8px}.seller-auth-error{margin:0 24px 16px;padding:12px 16px;font-size:14px}.seller-auth-form{padding:0 24px}.seller-auth-fields{gap:18px}.seller-auth-field input,.seller-auth-field select,.seller-auth-field textarea{font-size:16px;min-height:52px;padding:14px 16px;border-radius:12px}.seller-auth-buttons{padding:20px 24px max(24px,env(safe-area-inset-bottom));gap:12px}.seller-auth-btn{padding:14px 20px;font-size:15px;border-radius:12px}.seller-auth-success-hint{padding:12px 16px;font-size:13px;border-radius:12px}}