.cart-drawer *{box-sizing:border-box}.cart-footer .cart-actions{display:flex !important;flex-direction:column !important;align-items:stretch !important}.cart-footer .cart-actions>button,.cart-footer .cart-actions>.btn{display:block !important;width:100% !important;max-width:100% !important}.cart-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none}.cart-drawer.open{display:block}.cart-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.5);z-index:1040;opacity:0;transition:opacity 0.15s linear;pointer-events:none}.cart-backdrop.show{opacity:1;pointer-events:auto}.cart-content{position:fixed;top:0;right:0;bottom:0;width:400px;background-color:white;z-index:1050;transform:translateX(100%);transition:transform 0.3s ease-out;display:flex;flex-direction:column;box-shadow:-5px 0 15px rgba(0,0,0,0.1)}.cart-content.show{transform:translateX(0)}.cart-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;background-color:#f1f5f9}.cart-title{display:flex;align-items:center;gap:0.5rem}.cart-title i{font-size:1.25rem;color:#475569}.cart-title h5{margin:0;font-weight:700;color:#1e293b;font-size:1.125rem}.cart-close{background:none;border:none;color:#64748b;font-size:1.25rem;cursor:pointer;padding:0.5rem;border-radius:0.375rem;transition:all 0.2s}.cart-close:hover{background-color:#e2e8f0;color:#1e293b}.cart-body{flex:1;overflow-y:auto;padding:1.25rem;background-color:#fff}.cart-items{display:block}.cart-item{background-color:white;border:1px solid #dee2e6;border-radius:0.5rem;margin-bottom:1rem;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,0.05);transition:transform 0.2s, box-shadow 0.2s;display:flex;flex-direction:column}.cart-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.cart-item.moq-error{border-color:#f59e0b;border-width:2px}.cart-item-header{padding:1.25rem}.cart-item-content{display:flex;gap:1rem}.cart-item-image{width:80px;height:80px;background-color:#f8f9fa;border-radius:0.375rem;overflow:hidden;flex-shrink:0;border:1px solid #e9ecef;display:flex;align-items:center;justify-content:center}.cart-item-image i{font-size:2rem;color:#cbd5e1}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-details{flex:1;min-width:0}.cart-item-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0.5rem;gap:0.5rem;min-width:0}.cart-item-header-row .cart-item-name{flex:1;min-width:0}.cart-item-name{font-weight:600;font-size:1rem;color:#1e293b;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;max-height:2.8em}.cart-item-remove{flex-shrink:0;background-color:#dc3545;border:none;color:#fff;font-size:0.875rem;cursor:pointer;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border-radius:0.375rem;display:inline-flex;align-items:center;justify-content:center;transition:background-color 0.2s}.cart-item-remove:hover{background-color:#bb2d3b;color:#fff}.cart-item-remove i{color:#fff}.variant-info{color:#6c757d;font-size:0.875rem;margin-bottom:1rem}.cart-item-controls{display:flex;align-items:center;justify-content:space-between;margin-top:0.75rem}.quantity-controls{display:flex;align-items:center;border:1px solid #dee2e6;border-radius:0.375rem;overflow:hidden;width:120px}.quantity-btn{background-color:#f8f9fa;border:none;color:#4f46e5;font-size:1.125rem;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color 0.2s}.quantity-btn:hover:not(:disabled){background-color:#e9ecef}.quantity-btn:disabled{opacity:0.5;cursor:not-allowed;color:#94a3b8}.quantity-display{flex:1;text-align:center;font-weight:600;font-size:0.875rem;background-color:white;height:40px;display:flex;align-items:center;justify-content:center}.cart-item-price{text-align:right}.item-price{font-weight:700;font-size:1.25rem;color:#1e293b}.cart-item-footer{padding:0.75rem 1.25rem;background-color:#f8f9fa;border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center}.moq-warning{color:#f59e0b;font-size:0.875rem;font-weight:600;display:flex;align-items:center;gap:0.375rem;width:100%;margin-bottom:0.25rem}.moq-warning i{font-size:0.875rem}.savings-badge{background-color:rgba(220,53,69,0.1);color:#dc3545;padding:0.25rem 0.625rem;border-radius:50px;font-size:0.75rem;font-weight:500;display:inline-flex;align-items:center;gap:0.375rem;border:1px solid rgba(220,53,69,0.2)}.savings-badge i{font-size:0.75rem}.earnings-badge-item{background-color:#dcfce7;color:#166534;padding:0.375rem 0.75rem;border-radius:50px;font-size:0.8125rem;font-weight:600;display:inline-flex;align-items:center;gap:0.375rem;border:none;width:100%;justify-content:flex-start}.earnings-badge-item::before{content:none !important;display:none !important}.earnings-badge-item i{font-size:0.75rem}.cart-footer{padding:1.5rem;background-color:white;border-top:1px solid #e9ecef;box-shadow:0 -5px 15px rgba(0,0,0,0.05);z-index:10;width:100%;box-sizing:border-box}.cart-summary{margin-bottom:1.5rem}.cart-summary .summary-row:last-of-type{margin-bottom:0}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1rem;color:#334155}.summary-row .text-muted{color:#6c757d;font-weight:400}.summary-row .fw-bold{color:#1e293b;font-weight:700}.earnings-badge{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:0.5rem;margin-bottom:1rem;color:#166534;font-weight:600;font-size:0.875rem}.earnings-badge[style*="display: none"]{margin-bottom:0}.earnings-badge .earnings-icon{font-size:1rem;font-weight:700;color:#16a34a}.earnings-badge .total-earnings{color:#16a34a;font-weight:700}.earnings-badge i{display:none}.warning-alert{display:flex;align-items:center;gap:0.5rem;padding:0.75rem;font-size:0.875rem;margin:0;margin-bottom:1rem;background-color:#fffbeb;border:1px solid #fde68a;border-radius:0.5rem;color:#92400e}.warning-alert.hidden{display:none !important;margin:0;margin-bottom:0}.warning-alert i{font-size:1rem;color:#f59e0b}.warning-alert.hidden{display:none !important}.cart-drawer .btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.5rem;border:2px solid transparent;border-radius:0.5rem;font-weight:600;font-size:0.875rem;cursor:pointer;transition:all 0.2s;text-decoration:none;white-space:nowrap;box-sizing:border-box}.cart-drawer .btn-primary{background-color:#7c3aed;border-color:#7c3aed;color:white}.cart-drawer .btn-primary:hover:not(:disabled){background-color:#6d28d9;border-color:#6d28d9;color:white}.cart-drawer .btn-primary i{color:white}.cart-drawer .btn-primary:disabled{opacity:0.5;cursor:not-allowed}.cart-drawer .btn-outline-primary{background-color:white;color:#334155;border-color:#7c3aed;border-width:2px}.cart-drawer .btn-outline-primary:hover:not(:disabled){background-color:#f5f3ff;color:#5b21b6;border-color:#7c3aed}.cart-drawer .btn-outline-primary i{color:inherit}.cart-drawer .btn-outline-secondary{background-color:white;color:#64748b;border-color:#e2e8f0;border-width:2px}.cart-drawer .btn-outline-secondary:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1}.cart-drawer .btn-cart-outline{background-color:white;color:#7c3aed;border:2px solid #7c3aed}.cart-drawer .btn-cart-outline:hover:not(:disabled){background-color:#f5f3ff;border-color:#7c3aed;color:#6d28d9}.cart-drawer .btn-cart-light{font-weight:600;border:2px solid transparent}.cart-drawer .btn-cart-light i{color:inherit}.cart-drawer .btn-cart-save,.cart-drawer .btn-cart-email{background-color:white;border-color:#c4b5fd;color:#5b21b6}.cart-drawer .btn-cart-save i,.cart-drawer .btn-cart-email i{color:#7c3aed}.cart-drawer .btn-cart-save:hover:not(:disabled),.cart-drawer .btn-cart-email:hover:not(:disabled){background-color:#ddd6fe;border-color:#a78bfa;color:#6d28d9}.cart-drawer .btn-cart-save:hover:not(:disabled) i,.cart-drawer .btn-cart-email:hover:not(:disabled) i{color:#6d28d9}.cart-drawer .btn-cart-referral{background-color:#ffffff !important;color:#4f46e5;border-color:#a78bfa}.cart-drawer .btn-cart-referral i{color:white}.cart-drawer .btn-cart-referral:hover:not(:disabled){background-color:#4338ca;border-color:#4338ca;color:white}.cart-drawer .btn-cart-referral:hover:not(:disabled) i{color:#4338ca}.cart-drawer .btn-secondary{background-color:#64748b;border-color:#64748b;color:#4338ca}.cart-drawer .btn-secondary:hover:not(:disabled){background-color:#475569;border-color:#475569}.cart-drawer .w-100{width:100% !important;max-width:100% !important;flex-basis:100% !important}.cart-drawer .mb-2{margin-bottom:0.5rem !important}.cart-drawer .mb-3{margin-bottom:1rem !important}.cart-drawer .mt-2{margin-top:0.5rem !important}.cart-actions{display:flex !important;flex-direction:column !important;gap:0.5rem !important;width:100% !important;box-sizing:border-box;align-items:stretch !important}.cart-actions-row{display:flex !important;flex-direction:row !important;gap:0.5rem !important;width:100% !important;box-sizing:border-box}.cart-actions-row .btn{flex:1 !important;min-width:0 !important;width:auto !important;max-width:none !important;margin-bottom:0 !important}.cart-actions-row #save-cart-btn,.cart-actions-row #email-cart-btn{width:auto !important;flex:1 !important;max-width:none !important}.cart-actions>*:not(.cart-actions-row){width:100% !important;flex-shrink:0 !important;flex-grow:0 !important;box-sizing:border-box;display:block !important}.cart-actions .btn,.cart-actions button,.cart-actions .create-prescription-btn,.cart-actions .create-offline-order-btn,.cart-actions .save-cart-btn,.cart-actions .email-cart-btn,.cart-actions .generate-referral-btn,#create-prescription-btn,#create-offline-order-btn,#save-cart-btn,#email-cart-btn,#generate-referral-btn{width:100% !important;max-width:100% !important;min-width:0 !important;display:flex !important;align-items:center;justify-content:center;margin-left:0 !important;margin-right:0 !important;margin-bottom:0.5rem !important;flex:none !important;flex-basis:auto !important;float:none !important;clear:both !important;box-sizing:border-box !important;position:relative !important}.cart-actions .btn:last-child{margin-bottom:0 !important}.cart-footer .cart-actions button[class*="btn"],.cart-footer .cart-actions .btn{display:flex !important;flex-direction:row !important;width:100% !important;max-width:100% !important;flex:0 0 100% !important}.cart-footer .cart-actions{flex-wrap:nowrap !important}.cart-footer .btn.btn-outline-primary,.cart-footer .btn.btn-primary,.cart-footer .btn.btn-outline-secondary{width:100% !important;max-width:100% !important;display:flex !important;flex:0 0 auto !important}.action-buttons{display:flex;flex-direction:column;gap:0.5rem;width:100%}.action-buttons .btn{width:100% !important;padding:0.75rem 1.5rem;font-size:0.875rem}.cart-empty{text-align:center;padding:4rem 2rem;color:#94a3b8}.cart-empty i{font-size:3.5rem;margin-bottom:1rem;opacity:0.5;color:#cbd5e1}.cart-empty p{margin:0;font-style:italic;font-size:1rem;color:#64748b}.modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1060;display:none;align-items:center;justify-content:center;padding:1rem}.modal.show{display:flex}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:1061}.modal-content{position:relative;background-color:white;border-radius:1rem;box-shadow:0 20px 40px rgba(0,0,0,0.15);width:100%;max-width:500px;z-index:1062}.modal-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h5{font-weight:700;color:#1e293b;font-size:1.25rem;margin:0}.modal-close{background:none;border:none;color:#6c757d;font-size:1.25rem;cursor:pointer;padding:0.5rem;border-radius:0.375rem;transition:all 0.2s}.modal-close:hover{background-color:#e9ecef;color:#1e293b}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #e2e8f0;display:flex;gap:0.75rem;justify-content:flex-end}.referral-icon{width:80px;height:80px;background-color:rgba(34,197,94,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.referral-icon i{font-size:2.5rem;color:#16a34a}.modal-title{text-align:center;margin-bottom:1rem;color:#1e293b}.referral-input{margin-top:1.5rem}.referral-input label{display:block;font-weight:600;font-size:0.875rem;margin-bottom:0.5rem;color:#1e293b}.input-group{display:flex;margin-top:0.5rem}.input-group .form-control{flex:1;border:1px solid #e9ecef;border-right:none;border-radius:0.375rem 0 0 0.375rem;padding:0.625rem 0.875rem;font-size:0.875rem}.input-group .btn{border-radius:0 0.375rem 0.375rem 0;white-space:nowrap}.form-control{display:block;width:100%;padding:0.625rem 0.875rem;border:1px solid #e2e8f0;border-radius:0.375rem;font-size:0.875rem;color:#334155;background-color:white;transition:border-color 0.2s, box-shadow 0.2s}.form-control:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,0.1);outline:none}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;font-size:0.875rem;margin-bottom:0.5rem;color:#1e293b}.text-muted{color:#6c757d !important}.text-success{color:#16a34a !important}.fw-bold{font-weight:700 !important}.text-center{text-align:center !important}@media (max-width: 768px){.cart-content{width:100%;max-width:100%}.cart-item-content{flex-direction:column;gap:1rem}.cart-item-image{width:100%;height:120px}.cart-item-controls{flex-direction:column;align-items:stretch;gap:1rem}.quantity-controls{width:100%}.cart-item-price{text-align:left}.action-buttons{flex-direction:column !important}.action-buttons .btn{width:100% !important}.cart-actions{flex-direction:column !important;display:flex !important;align-items:stretch !important}.cart-actions>*{width:100% !important;max-width:100% !important;flex:none !important}.cart-actions .btn,.cart-actions button{width:100% !important;max-width:100% !important;display:flex !important;float:none !important;clear:both !important;margin-left:0 !important;margin-right:0 !important}.modal-content{margin:1rem;max-width:100%}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}@media (max-width: 480px){.cart-header{padding:1rem}.cart-body{padding:1rem}.cart-footer{padding:1rem}.cart-item-header{padding:1rem}.cart-item-footer{padding:0.75rem 1rem}.modal-body{padding:1rem}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;line-height:1.5;color:#212529;background-color:#f8f9fa}body.devise-layout{min-height:100vh;display:flex;flex-direction:column}body.devise-layout .devise-layout-content{flex:1;width:100%;max-width:none;padding:0;margin:0}.auth-container{width:100%;min-height:calc(100vh - 60px)}.auth-page{min-height:calc(100vh - 60px);display:flex;flex-direction:column;background-color:#f8f9fa}.auth-content{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem 2rem;padding-bottom:1rem;width:100%}.auth-card{position:relative;background:white;border-radius:1rem;box-shadow:0 1rem 3rem rgba(0,0,0,0.175);overflow:hidden;width:100%;max-width:98%;min-height:550px}.auth-language-switcher{position:absolute;top:1rem;right:1rem;z-index:10}.auth-language-switcher-form{display:flex;align-items:center;gap:0.5rem}.auth-language-switcher-label{font-size:0.875rem;color:#6c757d;font-weight:500;white-space:nowrap}.auth-language-switcher-select{min-width:120px;padding:0.4rem 1.75rem 0.4rem 0.6rem;font-size:0.875rem;color:#212529;background-color:#fff;border:1px solid #ced4da;border-radius:0.375rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236c757d' 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 0.5rem center;background-size:1rem}.auth-language-switcher-select:hover{border-color:#007bff}.auth-language-switcher-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.15)}.auth-signup-card{position:relative;padding-top:2.5rem}.row{display:flex;min-height:550px;align-items:stretch}.column{flex:1}.illustration-column{display:flex;align-items:center;justify-content:center;padding:3rem;background-color:#e0f2f7;min-height:100%}.form-column{padding:3rem;display:flex;flex-direction:column;justify-content:center;background-color:white;min-height:100%}.illustration-content{text-align:center}.logo-container{position:relative;display:inline-block;margin-bottom:1.5rem;width:auto;height:auto;max-width:300px}.logo-background{width:200px;height:200px;background-color:#4f46e51a;border-radius:50%;display:flex;align-items:center;justify-content:center}.logo-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:4rem;color:#007bff}.decoration-circle-1{position:absolute;top:10px;right:10px;width:24px;height:24px;background-color:#ffc107;border-radius:50%;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.decoration-circle-2{position:absolute;bottom:10px;left:10px;width:32px;height:32px;background-color:#00bcd4;border-radius:50%;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.welcome-title{font-weight:700;color:#007bff;margin-top:1rem;font-size:1.5rem}.welcome-subtitle{color:#6c757d;margin-top:0.5rem}.form-content{width:100%}.social-login{margin-bottom:1.5rem}.social-title{font-weight:700;margin-bottom:1rem;font-size:1.1rem}.social-buttons{display:flex;gap:0.5rem}.social-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:opacity 0.2s, transform 0.2s;color:white;font-size:1rem}.social-btn:hover{opacity:0.9;transform:translateY(-2px)}.facebook-btn{background-color:#3b5998}.twitter-btn{background-color:#55acee}.linkedin-btn{background-color:#0077b5}.divider{display:flex;align-items:center;margin:1.5rem 0}.divider-line{flex:1;height:1px;background-color:#dee2e6}.divider-text{padding:0 1rem;color:#6c757d;font-size:0.875rem;font-weight:700}.login-form .form-group{margin-bottom:1rem}.form-control{display:block;width:100%;padding:0.75rem 1rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:white;background-clip:padding-box;border:1px solid #ced4da;border-radius:0.375rem;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}.form-control:focus{border-color:#007bff;box-shadow:0 0 0 0.25rem rgba(0,123,255,0.25);outline:none}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.remember-me{display:flex;align-items:center;gap:0.5rem}.remember-me input[type="checkbox"]{width:1rem;height:1rem;cursor:pointer}.remember-me label{color:#6c757d;font-size:0.875rem;cursor:pointer}.forgot-password{color:#6c757d;font-size:0.875rem;text-decoration:none;transition:color 0.2s}.forgot-password:hover{color:#007bff;text-decoration:underline}.login-btn{background-color:#007bff;color:white;border:none;border-radius:0.375rem;font-size:0.875rem;font-weight:700;padding:0.75rem;text-transform:uppercase;width:100%;cursor:pointer;transition:background-color 0.2s, transform 0.2s;margin-bottom:1.5rem}.login-btn:hover{background-color:#0056b3;transform:translateY(-2px)}.login-btn:active{transform:translateY(0)}.register-prompt{text-align:start;font-size:0.875rem;color:#6c757d}.register-link{background:none;border:none;color:#dc3545;cursor:pointer;font-size:0.875rem;font-weight:700;padding:0;text-decoration:none}.register-link:hover{text-decoration:underline}.form-input{display:block;width:100%;padding:0.75rem 1rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:white;border:1px solid #ced4da;border-radius:0.375rem;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;box-sizing:border-box}.form-input:focus{border-color:#007bff;box-shadow:0 0 0 0.25rem rgba(0,123,255,0.25);outline:none}.form-label{display:block;font-weight:600;font-size:0.875rem;color:#212529;margin-bottom:0.35rem}.form-actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #dee2e6;display:flex;gap:0.75rem;align-items:center}.btn-cancel{padding:0.5rem 1rem;font-size:0.875rem;font-weight:600;color:#6c757d;background:white;border:1px solid #ced4da;border-radius:0.375rem;text-decoration:none;cursor:pointer;transition:background-color 0.2s, border-color 0.2s}.btn-cancel:hover{background-color:#e9ecef;border-color:#adb5bd}.btn-save{padding:0.5rem 1rem;font-size:0.875rem;font-weight:700;color:white;background-color:#007bff;border:1px solid #007bff;border-radius:0.375rem;cursor:pointer;transition:background-color 0.2s, transform 0.2s}.btn-save:hover{background-color:#0056b3;border-color:#0056b3}#error_explanation{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,0.1)}#error_explanation h2{color:#dc2626;font-size:16px;font-weight:600;margin:0 0 10px 0}#error_explanation ul{margin:0;padding-left:20px;color:#dc2626;font-size:14px}#error_explanation li{margin-bottom:5px}.error-message-container{display:flex;align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.error-icon{color:#dc2626;font-size:18px;margin-right:12px;margin-top:2px;flex-shrink:0}.error-content{flex:1}.error-text{color:#dc2626;font-size:14px;font-weight:500;margin:0;line-height:1.4}.error-list{margin:8px 0 0 0;padding-left:16px;color:#dc2626;font-size:14px}.error-list li{margin-bottom:4px;line-height:1.4}@media (max-width: 768px){.row{flex-direction:column;min-height:auto}.illustration-column{display:none}.auth-card{max-width:100%;min-height:auto}}@media (max-width: 480px){.auth-content{padding:1rem}.form-column{padding:2rem}.role-buttons{justify-content:center}.role-btn{font-size:0.75rem;padding:0.2rem 0.6rem}}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.end-user-customer-page .content-card{background:white;border-radius:1rem;box-shadow:0 1rem 3rem rgba(0,0,0,0.175);padding:1.5rem 2rem;margin-bottom:1.5rem}.end-user-customer-page .content-card .row{min-height:0}.end-user-customer-page .page-header{margin-bottom:1.5rem}.end-user-customer-page .page-header .page-title{color:#007bff;font-weight:700;font-size:1.5rem;margin:0}.end-user-customer-page .page-header .breadcrumb-link{color:#6c757d;text-decoration:none;font-size:0.875rem}.end-user-customer-page .page-header .breadcrumb-link:hover{color:#007bff}.end-user-customer-page .customer-avatar{width:80px;height:80px;border-radius:50%;background-color:#007bff;color:white;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:32px}.end-user-customer-page .customer-name{font-weight:700;color:#007bff;font-size:1.25rem;margin:0 0 0.5rem 0}.end-user-customer-page .muted-text{color:#6c757d;font-size:0.875rem;margin:0.25rem 0}.end-user-customer-page .stat-icon{width:50px;height:50px;border-radius:0.5rem;display:flex;align-items:center;justify-content:center;color:white;font-size:1.25rem}.end-user-customer-page .stat-icon.primary{background-color:#007bff}.end-user-customer-page .stat-icon.success{background-color:#27ae60}.end-user-customer-page .stat-icon.warning{background-color:#f39c12}.end-user-customer-page .stat-icon.info{background-color:#00bcd4}.end-user-customer-page .stat-value{font-size:1.5rem;font-weight:700;color:#212529;margin:0}.end-user-customer-page .stat-label{color:#6c757d;font-size:0.875rem;margin:0}.end-user-customer-page .section-title{font-weight:700;font-size:1.1rem;color:#007bff;margin:0 0 1rem 0}.end-user-customer-page .badge-source{padding:0.5rem 1rem;border-radius:0.375rem;font-size:0.875rem;font-weight:600;text-transform:uppercase;background:#e0f2f7;color:#007bff}.end-user-customer-page .btn-primary-custom{background-color:#007bff;color:white;border:none;border-radius:0.375rem;padding:0.5rem 1rem;font-size:0.875rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem;transition:background-color 0.2s}.end-user-customer-page .btn-primary-custom:hover{background-color:#0056b3;color:white}.end-user-customer-page .btn-outline-danger-custom{background:white;color:#dc3545;border:1px solid #dc3545;border-radius:0.375rem;padding:0.5rem 1rem;font-size:0.875rem;text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem;transition:all 0.2s}.end-user-customer-page .btn-outline-danger-custom:hover{background:#dc3545;color:white}.end-user-customer-page .orders-table{width:100%;border-collapse:collapse;border-radius:0.5rem;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.08)}.end-user-customer-page .orders-table thead{background:#e0f2f7;border-bottom:2px solid #b8e0e8}.end-user-customer-page .orders-table th{padding:0.75rem 1rem;text-align:left;font-weight:600;color:#007bff;font-size:0.875rem}.end-user-customer-page .orders-table td{padding:0.75rem 1rem;border-bottom:1px solid #e9ecef;font-size:0.875rem}.end-user-customer-page .orders-table tbody tr:hover{background:#f8f9fa}.end-user-customer-page .order-status-badge{padding:0.25rem 0.5rem;border-radius:0.25rem;font-size:0.75rem;font-weight:600;text-transform:uppercase;background:#d4edda;color:#27ae60}.end-user-customer-page .row-label{font-weight:600;color:#212529}.end-user-customer-page .row-value{color:#6c757d}.end-user-customer-page .info-row{display:flex;justify-content:space-between;align-items:center;padding:0.75rem 0;border-bottom:1px solid #e9ecef}.end-user-customer-page .info-row:last-child{border-bottom:none}.logo-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.logo-img{max-width:100%;max-height:100%;object-fit:contain}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;line-height:1.5;color:#212529;background-color:#f8f9fa}body .container{width:100% !important;max-width:100% !important;padding:0 !important;margin:0 !important}.signup-container{position:relative;min-height:100vh;background-color:#f8f9fa;width:100%;margin:0;padding:0}.signup-container .auth-language-switcher{position:absolute;top:1rem;right:1rem;z-index:20}.signup-container .auth-language-switcher-form{display:flex;align-items:center;gap:0.5rem}.signup-container .auth-language-switcher-label{font-size:0.875rem;color:rgba(255,255,255,0.95);font-weight:500;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,0.2)}.signup-container .auth-language-switcher-select{min-width:120px;padding:0.4rem 1.75rem 0.4rem 0.6rem;font-size:0.875rem;color:#212529;background-color:#fff;border:1px solid rgba(255,255,255,0.5);border-radius:0.375rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236c757d' 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 0.5rem center;background-size:1rem}.signup-container .auth-language-switcher-select:hover{border-color:#fff}.signup-container .auth-language-switcher-select:focus{outline:none;border-color:#fff;box-shadow:0 0 0 0.2rem rgba(255,255,255,0.25)}.signup-banner{height:280px;position:relative;background-color:#4f46e5}.banner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(79,70,229,0.9)}.banner-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;color:white;z-index:1}.banner-logo{background-color:white;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075)}.banner-logo img{width:100%;height:100%;object-fit:contain;padding:0.5rem}.banner-logo i{font-size:2.5rem;color:#4f46e5}.banner-app-name{font-weight:700;margin-bottom:0.5rem;font-size:1.5rem}.banner-title{font-weight:700;margin-bottom:1rem;font-size:2.5rem}.role-badge{background-color:white;color:#4f46e5;padding:0.5rem 1.5rem;border-radius:50px;font-weight:700;border:none;box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075)}.back-to-login{position:absolute;top:1rem;left:1rem;background-color:white;color:#4f46e5;border:none;padding:0.5rem 1rem;border-radius:0.25rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:0.5rem;box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075);z-index:2;transition:all 0.2s;text-decoration:none;font-size:0.875rem}.back-to-login:hover{background-color:#f8f9fa;transform:translateY(-2px);text-decoration:none;color:#4f46e5}.signup-content{padding:2rem;width:100%;max-width:100%}.signup-card{background-color:white;border-radius:0.5rem;box-shadow:0 1rem 3rem rgba(0,0,0,0.175);overflow:hidden;margin-top:-40px;position:relative;z-index:1;width:100%;max-width:100%}.signup-card-body{padding:2rem 3rem;max-width:1200px;margin:0 auto}.signup-title{font-weight:700;margin-bottom:2rem;font-size:1.75rem;color:#212529}.form-section{margin-bottom:2rem}.form-section:last-child{margin-bottom:0}.section-title{font-weight:700;color:#212529;margin-bottom:1rem;font-size:1.1rem;padding-bottom:0.5rem;border-bottom:2px solid #e9ecef}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-row .form-group{flex:1}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-weight:700;color:#6c757d;font-size:0.875rem;margin-bottom:0.5rem;line-height:1.5}.form-label i{margin-right:0.5rem;color:#4f46e5}.form-control{display:block;width:100%;padding:0.75rem 1rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:white;background-clip:padding-box;border:1px solid #ced4da;border-radius:0.375rem;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}.form-control:focus{border-color:#4f46e5;box-shadow:0 0 0 0.25rem rgba(79,70,229,0.25);outline:none}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:16px 12px;padding-right:2.5rem}.password-strength{margin-top:0.5rem}.strength-bar{height:4px;background-color:#e9ecef;border-radius:2px;margin-bottom:0.25rem;overflow:hidden}.strength-bar::after{content:'';display:block;height:100%;width:30%;background-color:#dc3545;border-radius:2px}.strength-text{font-size:0.75rem;color:#6c757d}.file-upload{border:2px dashed #cbd5e0;border-radius:0.5rem;padding:1.5rem;text-align:center;cursor:pointer;transition:all 0.3s;background-color:transparent}.upload-description{color:#6c757d;margin-bottom:1rem;font-size:0.875rem;line-height:1.5}.file-upload:hover{border-color:#4f46e5;background-color:#f7fafc}.file-upload i{font-size:2rem;color:#4f46e5;margin-bottom:0.5rem;display:block}.file-upload p{color:#4a5568;margin-bottom:0.25rem;font-weight:500;font-size:0.875rem}.file-upload small{color:#a0aec0;font-size:0.75rem}#file-list{margin-top:0.625rem;max-height:120px;overflow-y:auto}.file-item{display:flex;align-items:center;justify-content:space-between;background-color:#f7fafc;padding:0.5rem 0.75rem;border-radius:0.375rem;margin-bottom:0.3125rem;font-size:0.875rem}.file-item button{background:none;border:none;color:#f56565;cursor:pointer;font-size:1rem;padding:0.25rem}.file-item button:hover{color:#dc3545}.terms-group{display:flex;align-items:flex-start;gap:0.75rem;margin-bottom:0}.terms-group input[type="checkbox"]{margin-top:0.125rem;min-width:1rem;width:1rem;height:1rem;cursor:pointer;flex-shrink:0}.terms-group label{font-size:0.875rem;color:#495057;cursor:pointer;line-height:1.4;margin:0;flex:1}.terms-link{color:#4f46e5;text-decoration:none;font-weight:600}.terms-link:hover{text-decoration:underline}.action-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.btn-primary{background-color:#4f46e5;color:white;border:none;padding:1rem 2rem;border-radius:0.375rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all 0.2s;text-align:center}.btn-primary:hover{background-color:#4338ca;transform:translateY(-2px);box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:white;color:#4f46e5;border:2px solid #4f46e5;padding:1rem 2rem;border-radius:0.375rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all 0.2s;text-align:center}.btn-secondary:hover{background-color:rgba(79,70,229,0.05);transform:translateY(-2px);box-shadow:0 0.25rem 0.5rem rgba(0,0,0,0.1)}.btn-secondary:active{transform:translateY(0)}.error-message-container{display:flex;align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-radius:0.5rem;padding:1rem;margin-bottom:1.25rem;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.error-icon{color:#dc2626;font-size:1.125rem;margin-right:0.75rem;margin-top:0.125rem;flex-shrink:0}.error-content{flex:1}.error-text{color:#dc2626;font-size:0.875rem;font-weight:500;margin:0;line-height:1.4}.error-list{margin:0.5rem 0 0 0;padding-left:1rem;color:#dc2626;font-size:0.875rem}.error-list li{margin-bottom:0.25rem;line-height:1.4}@media (max-width: 768px){.form-row{flex-direction:column;gap:1rem}.signup-card-body{padding:1.5rem}.banner-title{font-size:2rem}.action-buttons{flex-direction:column}}@media (max-width: 480px){.banner-title{font-size:1.75rem}.signup-content{padding:1rem}.file-upload{padding:1rem}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;line-height:1.5;color:#212529;background-color:#f8f9fa;padding:20px;min-height:100vh}.customers-container{margin:0 auto}.main-card{background-color:white;border-radius:0.75rem;box-shadow:0 2px 8px rgba(0,0,0,0.08);overflow:hidden}.card-header{padding:1.5rem;background-color:white;border-bottom:1px solid #e9ecef}.header-content{display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 768px){.header-content{flex-direction:row;justify-content:space-between;align-items:center}}.header-content h4{font-weight:700;font-size:1.5rem;color:#1e293b;margin-bottom:0.25rem}.header-content .text-muted{color:#6c757d;font-size:0.875rem;margin:0}.header-actions{display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.header-actions{flex-direction:row;align-items:center}}.search-group{display:flex;flex-direction:column;gap:0.5rem}@media (min-width: 768px){.search-group{flex-direction:row}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.625rem 1.25rem;border:2px solid transparent;border-radius:0.5rem;font-weight:600;font-size:0.875rem;cursor:pointer;transition:all 0.2s;text-decoration:none;white-space:nowrap}.btn-primary{background-color:#4f46e5;border-color:#4f46e5;color:white}.btn-primary:hover{background-color:#4338ca;border-color:#4338ca}.btn-outline{background-color:white;color:#64748b;border-color:#e2e8f0}.btn-outline:hover{background-color:#f8fafc;border-color:#cbd5e1}.table-container .btn-outline.edit-btn,.table-container .btn-outline-secondary,.customers-table .btn-outline.edit-btn{border:1px solid #cbd5e1;color:#64748b}.btn-sm{padding:0.375rem 0.75rem;font-size:0.8125rem}.customers-table td .btn,.customers-table td .btn-sm,.orders-table td .btn,.orders-table td .btn-sm,.table-container .btn.btn-sm{display:inline-flex;align-items:center;justify-content:center;gap:0.375rem;padding:0.375rem 0.75rem;font-size:0.8125rem;font-weight:600;border-radius:0.5rem;text-decoration:none;white-space:nowrap;border:2px solid transparent;cursor:pointer;transition:all 0.2s}.customers-table td .btn-primary,.customers-table td .btn-sm.btn-primary,.orders-table td .btn-primary,.orders-table td .btn-sm.btn-primary{background-color:#4f46e5;border-color:#4f46e5;color:white}.customers-table td .btn-primary:hover,.customers-table td .btn-sm.btn-primary:hover,.orders-table td .btn-primary:hover,.orders-table td .btn-sm.btn-primary:hover{background-color:#4338ca;border-color:#4338ca;color:white}.customers-table td .btn-outline,.customers-table td .btn-outline.edit-btn,.orders-table td .btn-outline{background-color:white;border:1px solid #cbd5e1;color:#64748b}.customers-table td .btn-outline:hover,.customers-table td .btn-outline.edit-btn:hover,.orders-table td .btn-outline:hover{background-color:#f8fafc;border-color:#94a3b8;color:#334155}.customers-table td .btn-outline[data-turbo-method="delete"]:hover,.customers-table td .btn-outline.text-danger:hover{border-color:#dc2626;color:#dc2626}.input-group{display:flex;align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:0.375rem;overflow:hidden}.input-group-icon{display:flex;align-items:center;justify-content:center;padding:0.625rem 0.875rem;color:#6c757d;background-color:#f8f9fa}.input-group .form-control{flex:1;border:none;background-color:#f8f9fa;padding:0.625rem 0.875rem;font-size:0.875rem}.input-group .form-control:focus{outline:none;box-shadow:none}.form-control{display:block;width:100%;padding:0.625rem 0.875rem;border:1px solid #e2e8f0;border-radius:0.375rem;font-size:0.875rem;color:#334155;background-color:white;transition:border-color 0.2s, box-shadow 0.2s}.form-control:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,0.1);outline:none}.form-select{display:block;padding:0.625rem 2.25rem 0.625rem 0.875rem;border:1px solid #e2e8f0;border-radius:0.375rem;font-size:0.875rem;color:#334155;background-color:white;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23374151' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:16px 12px}.form-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,0.1);outline:none}.table-container{overflow-x:auto;position:relative;min-height:400px}.customers-table{width:100%;border-collapse:separate;border-spacing:0}.customers-table thead{background-color:#f8fafc}.customers-table th{padding:1rem;font-weight:600;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em;color:#64748b;border-bottom:1px solid #e2e8f0;white-space:nowrap}.customers-table th.sortable{cursor:pointer;user-select:none;transition:background-color 0.2s}.customers-table th.sortable:hover{background-color:#f1f5f9}.customers-table th .sort-icon{font-size:0.75rem;margin-left:0.25rem;opacity:0.5;transition:opacity 0.2s}.customers-table th.sortable:hover .sort-icon{opacity:0.8}.customers-table th.sorted .sort-icon{opacity:1}.customers-table th.sorted.asc .sort-icon{transform:rotate(180deg)}.customers-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color 0.2s}.customers-table tbody tr:hover{background-color:#f8fafc}.customers-table td{padding:1rem;font-size:0.875rem;vertical-align:middle;border-bottom:1px solid #f1f5f9}.customer-info-cell{display:flex;align-items:center;gap:0.75rem}.customer-avatar{width:40px;height:40px;background-color:#4f46e5;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.875rem;flex-shrink:0}.customer-name{font-weight:600;color:#1e293b}.badge{display:inline-block;padding:0.25rem 0.625rem;border-radius:50px;font-size:0.75rem;font-weight:600;line-height:1;text-align:center;white-space:nowrap}.badge-light{background-color:#f1f5f9;color:#334155;border:1px solid #e2e8f0}.text-muted{color:#6c757d !important}.text-success{color:#16a34a !important}.fw-bold{font-weight:700 !important}.fw-medium{font-weight:600 !important}.font-monospace{font-family:'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace}.text-center{text-align:center !important}.text-end{text-align:right !important}.text-break{word-break:break-word}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;text-align:center}.empty-icon{width:80px;height:80px;background-color:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.empty-icon i{font-size:2rem;color:#94a3b8}.empty-state h5{font-weight:700;color:#1e293b;margin-bottom:0.5rem}.modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1060;display:none;align-items:center;justify-content:center;padding:1rem}.modal.show{display:flex}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:1061}.modal-content{position:relative;background-color:white;border-radius:1rem;box-shadow:0 20px 40px rgba(0,0,0,0.15);width:100%;max-width:500px;z-index:1062;animation:modalSlideIn 0.3s ease-out}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-header h5{font-weight:700;color:#1e293b;font-size:1.25rem;margin:0}.modal-close{background:none;border:none;color:#6c757d;font-size:1.25rem;cursor:pointer;padding:0.5rem;border-radius:0.375rem;transition:all 0.2s}.modal-close:hover{background-color:#e9ecef;color:#1e293b}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #e2e8f0;display:flex;gap:0.75rem;justify-content:flex-end}.alert{padding:0.75rem 1rem;border-radius:0.5rem;font-size:0.875rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:0.75rem}.alert-info{background-color:#e0f2fe;color:#0369a1;border:1px solid #bae6fd}.alert-info i{font-size:1rem;color:#0ea5e9;flex-shrink:0;margin-top:0.125rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;font-size:0.875rem;margin-bottom:0.5rem;color:#1e293b}.form-group .text-danger{color:#dc3545}.phone-input{display:flex;gap:0.5rem}.phone-input .country-code{min-width:100px;padding:0.625rem 0.5rem;border:1px solid #e2e8f0;border-radius:0.375rem;background-color:white;cursor:pointer}.phone-input .form-control{flex:1}.toast{position:fixed;top:20px;right:20px;background-color:#10b981;color:white;padding:1rem 1.5rem;border-radius:0.75rem;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:1070;display:flex;align-items:center;gap:0.75rem;transform:translateX(150%);transition:transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.toast.show{transform:translateX(0)}.toast-content{display:flex;align-items:center;gap:0.75rem}.toast-content i{font-size:1.25rem}@media (max-width: 768px){body{padding:1rem}.header-content h4{font-size:1.25rem}.customers-table th,.customers-table td{padding:0.75rem 0.5rem;font-size:0.8125rem}.customer-info-cell{flex-direction:column;align-items:flex-start;gap:0.5rem}.customer-avatar{width:32px;height:32px;font-size:0.75rem}.modal-content{margin:0.5rem;max-width:100%}.modal-body{padding:1rem}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}@media (max-width: 576px){.phone-input{flex-direction:column}.phone-input .country-code{width:100%}.search-group{width:100%}.header-actions .btn{width:100%}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.customers-table tbody tr{animation:fadeIn 0.3s ease-out}.customers-table tbody tr:nth-child(2){animation-delay:0.05s}.customers-table tbody tr:nth-child(3){animation-delay:0.1s}.customers-table tbody tr:nth-child(4){animation-delay:0.15s}.customers-table tbody tr:nth-child(5){animation-delay:0.2s}.customer-detail-page.animate-in.fade-in.slide-in-from-bottom-2{animation:customerDetailEnter 0.35s ease-out both}@keyframes customerDetailEnter{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.customer-detail-page .cursor-pointer{cursor:pointer}.customer-detail-page .text-break{word-break:break-word}.customer-detail-page .customer-detail-meta{gap:0.75rem}.customer-detail-page .customer-detail-stats .customer-stat-card{padding:0.75rem 1rem !important;min-width:100px}.customer-detail-page .customer-detail-info-block{padding:0.75rem 1rem !important}.customer-detail-info-row{min-height:0 !important;row-gap:0.25rem !important;align-items:flex-start !important}.customer-detail-page .customer-detail-info-row [class*="col-"]{min-height:0 !important;padding-top:0.2rem !important;padding-bottom:0.2rem !important}.customer-detail-page .customer-detail-info-row .col-sm-4,.customer-detail-page .customer-detail-info-row .col-sm-8{min-height:0 !important;padding-top:0.2rem !important;padding-bottom:0.2rem !important}.customer-detail-page .customer-detail-info-row .col-sm-4{font-size:0.8125rem}.customer-detail-back-btn{transition:color 0.2s ease, background-color 0.2s ease;border-radius:0.25rem;padding:0.35rem 0.5rem !important;margin-left:-0.5rem}.customer-detail-back-btn:hover{color:#4f46e5 !important;background-color:rgba(79,70,229,0.08)}.customer-detail-tabs .nav-link{cursor:pointer;transition:color 0.2s ease, background-color 0.2s ease;border-radius:0.25rem 0.25rem 0 0;margin-right:0.25rem}.customer-detail-tabs .nav-link:not(.active):hover{color:#4f46e5 !important;background-color:rgba(79,70,229,0.06)}.customer-detail-tabs .nav-link.active{background-color:transparent}.customer-detail-page .table-hover tbody tr{transition:background-color 0.15s ease}.customer-detail-page .table-hover tbody tr:hover{background-color:rgba(79,70,229,0.06) !important}.customer-detail-page .bg-theme-primary{background-color:#4f46e5}.customer-detail-avatar{width:80px;height:80px;font-size:2rem}.customer-stat-card{min-width:100px}.note-icon-wrap{width:40px;height:40px}.filter-dropdown-wrap{position:relative;display:inline-block}.filter-dropdown-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:0.5rem;min-height:42px;padding:0.5rem 0.75rem;font-size:0.875rem;color:#374151;background-color:#fff;border:1px solid #d1d5db;border-radius:0.375rem;cursor:pointer;white-space:nowrap;min-width:160px}.filter-dropdown-btn:hover{border-color:#9ca3af}.filter-dropdown-btn::after{content:"";width:0;height:0;margin-left:0.25rem;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #6b7280}.filter-dropdown-wrap.is-open .filter-dropdown-btn::after{border-top:none;border-bottom:5px solid #6b7280}.filter-dropdown-panel{display:none;position:absolute;top:100%;left:0;z-index:50;min-width:200px;margin-top:2px;padding:0.5rem 0;background:#fff;border:1px solid #e5e7eb;border-radius:0.5rem;box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:280px;overflow-y:auto}.filter-dropdown-wrap.is-open .filter-dropdown-panel{display:block}.filter-dropdown-panel label{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 0.75rem;margin:0;font-size:0.875rem;color:#374151;cursor:pointer}.filter-dropdown-panel label:hover{background-color:#f3f4f6}.filter-dropdown-panel input[type="checkbox"]{margin:0;cursor:pointer}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;line-height:1.5;color:#212529;background-color:#f8f9fa}.dashboard-container{min-height:calc(100vh - 70px);padding-top:0}.dashboard-content{margin:0 auto;animation:fadeIn 0.5s ease-out;padding:2rem 1rem}.end-user-dashboard.dashboard-container{width:100%;max-width:none}.end-user-dashboard .dashboard-content{width:100%;max-width:none}@media (max-width: 768px){.dashboard-container{min-height:calc(100vh - 60px)}.dashboard-content{padding:1.5rem 1rem}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 768px){.dashboard-header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.header-content{flex:1}.dashboard-title{font-weight:700;font-size:2.4rem;margin-bottom:0.5rem;color:#1e293b;line-height:1.2}.dashboard-subtitle{color:#64748b;font-size:1.25rem;margin-bottom:0}.highlight-text{color:#4f46e5;font-weight:700}.header-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;border-radius:0.5rem;font-weight:600;font-size:1rem;cursor:pointer;border:2px solid transparent;transition:all 0.2s ease;text-decoration:none;white-space:nowrap}.btn-outline-primary{background-color:white;color:#4f46e5;border-color:#4f46e5}.btn-outline-primary:hover{background-color:#4f46e5;color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(79,70,229,0.2)}.btn-primary{background-color:#4f46e5;color:white;border-color:#4f46e5;box-shadow:0 2px 4px rgba(79,70,229,0.2)}.btn-primary:hover{background-color:#4338ca;border-color:#4338ca;transform:translateY(-2px);box-shadow:0 4px 12px rgba(79,70,229,0.3)}.btn-primary i{font-size:0.9rem}.promo-banner-card{background:linear-gradient(135deg, #312e81 0%, #4338ca 100%);border-radius:1.5rem;box-shadow:0 10px 25px rgba(0,0,0,0.15);min-height:280px;margin-bottom:2.5rem;overflow:hidden;position:relative}.promo-banner-content{padding:3rem;position:relative;z-index:1}.promo-bg-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:0.25;display:none}@media (min-width: 992px){.promo-bg-icon{display:block;right:2rem}}.promo-bg-icon i{font-size:180px;color:white;transform:rotate(-10deg)}.promo-content{max-width:650px;position:relative;z-index:2}.promo-badges{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.promo-badge{background-color:white;color:#1e293b;padding:0.5rem 1.25rem;border-radius:50px;font-weight:700;font-size:0.875rem;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.promo-subtext{color:rgba(255,255,255,0.75);font-size:0.875rem;font-weight:500}.promo-title{font-weight:700;color:white;font-size:2.5rem;line-height:1.2;margin-bottom:2rem}@media (min-width: 768px){.promo-title{font-size:3rem}}.referral-input-group{background-color:rgba(255,255,255,0.1);padding:0.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,0.2);display:flex;gap:0.5rem;backdrop-filter:blur(8px)}.referral-input{flex:1;background:transparent;border:none;color:white;font-weight:500;padding:1rem;font-size:1rem;outline:none}.referral-input::placeholder{color:rgba(255,255,255,0.7)}.copy-btn{background-color:white;color:#4338ca;border:none;padding:1rem 2rem;border-radius:0.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:0.5rem;transition:all 0.2s;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.copy-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.copy-btn.success{background-color:#22c55e;color:white}.copy-btn i{font-size:1rem}.kpi-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem}@media (min-width: 768px){.kpi-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1200px){.kpi-grid{grid-template-columns:repeat(4, 1fr)}}.kpi-card{background-color:white;border-radius:0.75rem;box-shadow:0 2px 8px rgba(0,0,0,0.08);padding:1.5rem;height:100%;transition:transform 0.2s, box-shadow 0.2s}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,0.12)}.kpi-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:0.5rem}.stat-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon-wrapper i{font-size:1.5rem}.trend-badge{padding:0.25rem 0.75rem;border-radius:50px;font-size:0.75rem;font-weight:600;border:none}.kpi-title{color:#64748b;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.5rem;margin-top:1.5rem}.kpi-value{font-weight:700;font-size:2rem;color:#1e293b;margin-bottom:0}.variant-primary .stat-icon-wrapper{background-color:#ebf1ff;color:#5a57e6}.variant-primary .trend-badge{background-color:rgba(22,163,74,0.1);color:#16a34a}.variant-info .stat-icon-wrapper{background-color:#eefcfd;color:#0ea5e9}.variant-info .trend-badge{background-color:rgba(14,165,233,0.1);color:#0ea5e9}.variant-success .stat-icon-wrapper{background-color:#f0fdf4;color:#22c55e}.variant-success .trend-badge{background-color:rgba(34,197,94,0.1);color:#22c55e}.variant-warning .stat-icon-wrapper{background-color:#fffbeb;color:#f59e0b}.variant-warning .trend-badge{background-color:rgba(245,158,11,0.1);color:#f59e0b}.variant-danger .stat-icon-wrapper{background-color:#fef2f2;color:#ef4444}.variant-danger .trend-badge{background-color:rgba(239,68,68,0.1);color:#ef4444}.dashboard-bottom-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 992px){.dashboard-bottom-grid{grid-template-columns:2fr 1fr}}.regimens-card{background-color:white;border-radius:0.75rem;box-shadow:0 2px 8px rgba(0,0,0,0.08);height:100%;overflow:hidden}.card-header{background-color:white;padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.card-title{font-weight:700;font-size:1.25rem;color:#1e293b;margin:0}.view-all-btn{background:none;border:none;color:#4f46e5;font-weight:700;font-size:0.875rem;cursor:pointer;text-decoration:none;padding:0}.view-all-btn:hover{text-decoration:underline}.table-container{padding:0;overflow-x:auto}.regimens-table{width:100%;border-collapse:collapse}.regimens-table thead{background-color:#f1f5f9}.regimens-table th{color:#64748b;font-size:0.75rem;text-transform:uppercase;font-weight:700;letter-spacing:0.05em;padding:1rem;text-align:left}.regimens-table tbody tr{border-bottom:1px solid #f1f5f9}.regimens-table tbody tr:last-child{border-bottom:none}.regimens-table td{padding:1.25rem 1rem;color:#475569;font-weight:500}.empty-state{padding:3rem 1rem;text-align:center;color:#94a3b8;font-style:italic;font-size:0.875rem}.caseload-card{background-color:white;border-radius:0.75rem;box-shadow:0 2px 8px rgba(0,0,0,0.08);padding:1.5rem;height:100%;display:flex;flex-direction:column}.caseload-header{margin-bottom:1.5rem}.caseload-title{font-weight:700;font-size:1rem;color:#1e293b;display:flex;align-items:center;gap:0.5rem;margin:0}.caseload-title i{font-size:1rem}.progress-bars{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.progress-item{display:flex;flex-direction:column;gap:0.5rem}.progress-label{display:flex;justify-content:space-between;font-size:0.875rem;font-weight:700}.label-text{color:rgba(30,41,59,0.75)}.label-value{color:#64748b}.progress-bar-container{height:6px;border-radius:10px;background-color:#f1f5f9;overflow:hidden}.progress-bar-fill{height:100%;border-radius:10px;transition:width 0.5s ease}.clinical-insight{background-color:rgba(79,70,229,0.05);padding:1rem;border-radius:1rem;border:1px solid rgba(79,70,229,0.1);margin-top:auto}.insight-header{display:flex;align-items:center;gap:0.5rem;color:#4f46e5;font-size:0.875rem;font-weight:700;margin-bottom:0.5rem}.insight-header i{font-size:0.875rem}.insight-text{font-size:0.875rem;color:#64748b;margin:0;line-height:1.6}.insight-text .highlight{color:#1e293b;font-weight:700}.insight-text .link{color:#4f46e5;cursor:pointer;text-decoration:underline}.insight-text .link:hover{color:#4338ca}.toast{position:fixed;top:20px;right:20px;background-color:#10b981;color:white;padding:1rem 1.5rem;border-radius:0.75rem;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:9999;display:flex;align-items:center;gap:0.75rem;transform:translateX(150%);transition:transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.toast.show{transform:translateX(0)}.toast-content{display:flex;align-items:center;gap:0.75rem}.toast-content i{font-size:1.25rem}@media (max-width: 767px){.dashboard-title{font-size:2rem}.dashboard-subtitle{font-size:1.1rem}.promo-banner-content{padding:2rem 1.5rem}.promo-title{font-size:1.75rem}.referral-input-group{flex-direction:column}.copy-btn{width:100%;justify-content:center}.header-actions{width:100%}.btn{flex:1;justify-content:center}}@media (max-width: 576px){.dashboard-content{padding:1.5rem 1rem}.card-header{flex-direction:column;align-items:flex-start;gap:1rem}.view-all-btn{align-self:flex-end}.regimens-table th,.regimens-table td{padding:0.75rem 0.5rem;font-size:0.875rem}}@keyframes cardAppear{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kpi-card{animation:cardAppear 0.5s ease-out}.kpi-card:nth-child(2){animation-delay:0.1s}.kpi-card:nth-child(3){animation-delay:0.2s}.kpi-card:nth-child(4){animation-delay:0.3s}.end-user-products-catalog{margin:0 auto;padding:0 1rem 2rem}.catalog-page-header{margin-bottom:1.5rem}.catalog-page-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 0.25rem 0}.catalog-page-subtitle{font-size:0.9375rem;color:#64748b;margin:0}.catalog-filters-form{margin-bottom:1.5rem}.catalog-filters-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem}.catalog-search-wrap{flex:1;min-width:200px;max-width:480px;position:relative}.catalog-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:1rem;pointer-events:none}.catalog-search-input{width:100%;padding:0.625rem 1rem 0.625rem 2.75rem;font-size:0.9375rem;border:1px solid #e2e8f0;border-radius:0.5rem;background:#fff;color:#334155;transition:border-color 0.2s, box-shadow 0.2s}.catalog-search-input::placeholder{color:#94a3b8}.catalog-search-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,0.1)}.catalog-categories-dropdown-wrap{display:flex;flex-direction:column;gap:0.25rem;min-width:180px}.catalog-dropdown-label{font-size:0.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:0.025em;margin:0}.catalog-categories-select{padding:0.5rem 2rem 0.5rem 0.75rem;font-size:0.875rem;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:0.5rem;min-height:40px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 0.5rem center;background-size:16px 12px;padding-right:2rem}.catalog-categories-select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,0.1)}.catalog-categories-select[multiple]{min-height:38px;height:auto;padding-right:2rem}.catalog-filters-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;font-size:0.875rem;font-weight:600;color:#fff;background:#4f46e5;border:none;border-radius:0.5rem;cursor:pointer;transition:background 0.2s}.catalog-filters-btn:hover{background:#4338ca}.catalog-products-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:1.5rem;margin-bottom:2rem}@media (max-width: 1200px){.catalog-products-grid{grid-template-columns:repeat(3, 1fr)}}@media (max-width: 768px){.catalog-products-grid{grid-template-columns:repeat(2, 1fr);gap:1rem}}@media (max-width: 480px){.catalog-products-grid{grid-template-columns:1fr}}.catalog-product-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08);overflow:hidden;border:1px solid #f1f3f4;display:flex;flex-direction:column;height:100%;transition:transform 0.3s ease, box-shadow 0.3s ease}.catalog-product-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,0.12)}.catalog-card-image-wrap{position:relative;width:100%;height:280px;overflow:hidden;background:#f8f9fa}.catalog-card-img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.catalog-product-card:hover .catalog-card-img{transform:scale(1.05)}.catalog-card-img-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#bdc3c7;font-size:0.75rem;text-align:center;padding:0.5rem}.catalog-card-img-placeholder i{font-size:2.5rem;margin-bottom:0.25rem}.catalog-card-badge{position:absolute;top:12px;right:12px;padding:4px 8px;border-radius:4px;font-size:0.6875rem;font-weight:600;text-transform:uppercase}.catalog-badge-off,.catalog-badge-sale{background:#dc2626;color:#fff}.catalog-card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column}.catalog-card-category{font-size:0.75rem;color:#64748b;text-transform:uppercase;letter-spacing:0.025em;margin:0 0 0.375rem 0}.catalog-card-title{font-size:1.125rem;font-weight:600;color:#2c3e50;margin:0 0 0.5rem 0;line-height:1.3}.catalog-card-title-link{color:#2c3e50;text-decoration:none;transition:color 0.2s}.catalog-card-title-link:hover{color:#4f46e5}.catalog-card-price-row{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.375rem;flex-wrap:wrap}.catalog-price-current{font-size:1.125rem;font-weight:700;color:#1e293b}.catalog-price-original{font-size:0.875rem;color:#94a3b8;text-decoration:line-through}.catalog-card-earn{font-size:0.875rem;font-weight:500;color:#16a34a;margin:0 0 1rem 0}.catalog-add-to-cart{width:100%;padding:0.625rem 1rem;font-size:0.875rem;font-weight:600;color:#1e293b;background:#fff;border:1px solid #1e293b;border-radius:0.5rem;cursor:pointer;transition:background 0.2s, color 0.2s;margin-top:auto}.catalog-add-to-cart:hover:not(:disabled){background:#1e293b;color:#fff}.catalog-add-to-cart:disabled{opacity:0.6;cursor:not-allowed;border-color:#cbd5e1;color:#94a3b8}.catalog-empty-state{text-align:center;padding:3rem 1.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid #f1f3f4}.catalog-empty-state i{font-size:3rem;color:#cbd5e1;margin-bottom:1rem}.catalog-empty-state h4{font-size:1.125rem;font-weight:600;color:#64748b;margin:0 0 0.5rem 0}.catalog-empty-state p{font-size:0.9375rem;color:#94a3b8;margin:0 0 1rem 0}.catalog-btn-outline{display:inline-flex;align-items:center;padding:0.5rem 1rem;font-size:0.875rem;font-weight:600;color:#4f46e5;background:transparent;border:1px solid #4f46e5;border-radius:0.5rem;text-decoration:none;transition:background 0.2s, color 0.2s}.catalog-btn-outline:hover{background:#4f46e5;color:#fff}.end-user-products-catalog .pagination-buttons{display:flex;justify-content:center;align-items:center;gap:0.5rem;flex-wrap:wrap}.end-user-products-catalog .pagination-info{text-align:center;margin-top:0.75rem;color:#64748b;font-size:0.875rem}.end-user-products-catalog .main-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid #f1f3f4}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;line-height:1.5;color:#212529;background-color:#f8f9fa;padding-top:70px}.top-nav{position:fixed;top:0;left:0;right:0;height:70px;background-color:white;box-shadow:0 2px 10px rgba(0,0,0,0.08);z-index:1000;border-bottom:1px solid rgba(0,0,0,0.05)}.top-nav .container-fluid{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 1rem}.brand-container{display:flex;align-items:center;gap:12px;cursor:pointer;text-decoration:none;color:inherit}.brand-container:hover{text-decoration:none;color:inherit}.brand-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#ffff;border-radius:8px}.brand-icon i{font-size:20px;color:white}.brand-icon img{width:100%;height:100%;object-fit:contain;border-radius:8px}.brand-name{letter-spacing:-0.03em;color:#1e293b;font-weight:bold;font-size:15px}.brand-container:hover .brand-name{color:#4f46e5}#mainNavLinks{display:flex;gap:4px;margin-left:12px}.nav-link-modern{display:flex;align-items:center;gap:8px;padding:10px 16px;background:none;border:none;border-radius:8px;color:#64748b;font-weight:500;font-size:14px;cursor:pointer;text-decoration:none;white-space:nowrap}.nav-link-modern:hover{background-color:#f1f5f9;color:#4f46e5;text-decoration:none}.nav-link-modern.active{background-color:#4f46e5;color:white}.nav-link-modern i{font-size:16px;width:20px;text-align:center}.btn-light{background-color:#f8fafc;border-color:#e2e8f0;color:#475569}.btn-light:hover{background-color:#f1f5f9;border-color:#cbd5e1}.btn-outline-secondary{border-color:#e2e8f0;color:#475569}.btn-outline-secondary:hover{background-color:#f1f5f9;border-color:#cbd5e1}.dropdown-menu{border:none;box-shadow:0 10px 25px rgba(0,0,0,0.15)}.dropdown-item{padding:10px 16px;font-size:14px;color:#475569;border-radius:6px;margin:2px 4px;display:flex;align-items:center;gap:10px;text-decoration:none;border:none;background:none;width:100%;text-align:left}.dropdown-item:hover{background-color:#f1f5f9;color:#4f46e5;text-decoration:none}.dropdown-item.active{background-color:#4f46e5;color:white}.dropdown-item i{width:18px;text-align:center;font-size:14px}.dropdown-header{padding:8px 12px;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:0.5px}.dropdown-header i{opacity:0.7}.dropdown-divider{margin:6px 0;opacity:0.1}#cartButton{position:relative;width:44px;height:44px;border:none;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center}#cartButton:hover{background-color:#f1f5f9}#cartButton i{font-size:20px;color:#64748b}.cart-badge{font-size:10px;padding:4px 6px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid white !important}.user-avatar{width:36px;height:36px;font-size:14px;background-color:#4f46e5;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:bold}.user-info{min-width:200px}.user-info .small{font-size:13px}.user-email{font-size:11px;color:#94a3b8}.mobile-menu-toggle{display:none;position:fixed;top:20px;right:20px;width:44px;height:44px;background-color:#4f46e5;color:white;border:none;border-radius:8px;z-index:1001;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(79,70,229,0.3)}.mobile-menu-toggle i{font-size:20px}.mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:white;z-index:1100;flex-direction:column;padding:20px;overflow-y:auto}.mobile-menu-header{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid #e2e8f0;margin-bottom:20px}.mobile-user-info{flex:1}.mobile-user-info .fw-bold{font-size:18px;color:#1e293b}.mobile-menu-close{width:40px;height:40px;background:none;border:none;color:#64748b;font-size:24px;cursor:pointer}.mobile-menu-links{display:flex;flex-direction:column;gap:8px;margin-bottom:30px}.mobile-nav-link{display:flex;align-items:center;gap:15px;padding:15px;background:none;border:none;border-radius:10px;color:#475569;font-size:16px;font-weight:500;text-align:left;cursor:pointer;text-decoration:none}.mobile-nav-link:hover{background-color:#f1f5f9;color:#4f46e5;text-decoration:none}.mobile-nav-link.active{background-color:#4f46e5;color:white}.mobile-nav-link i{width:24px;font-size:18px}.mobile-menu-footer{margin-top:auto;padding-top:20px;border-top:1px solid #e2e8f0}#mobileSignOut{padding:12px;font-weight:600}@media (max-width: 1199px){.nav-link-modern{padding:8px 12px;font-size:13px}.brand-name{font-size:18px}}@media (max-width: 991px){.top-nav{padding-left:15px;padding-right:15px}#mainNavLinks{display:none !important}.mobile-menu-toggle{display:flex}.brand-name{display:none !important}.user-avatar+.d-none{display:none !important}}@media (max-width: 768px){.top-nav{height:60px}body{padding-top:60px}.brand-icon{width:36px;height:36px}.brand-icon i{font-size:18px}#adminDropdownContainer{display:none}#roleSwitcherContainer .small{display:none}#roleSwitcherToggle{padding:6px;width:40px;justify-content:center}#cartButton .cart-badge{font-size:9px;width:16px;height:16px;min-width:16px;min-height:16px;top:-4px;right:-4px}}@media (max-width: 576px){.top-nav{padding-left:10px;padding-right:10px}.mobile-menu-toggle{top:15px;right:15px;width:40px;height:40px}.mobile-menu{padding:15px}}.cursor-pointer{cursor:pointer}.shadow-lg{box-shadow:0 10px 25px rgba(0,0,0,0.15) !important}.rounded-4{border-radius:16px !important}.bg-opacity-50{background-color:rgba(255,255,255,0.5)}.opacity-10{opacity:0.1}.opacity-75{opacity:0.75}.lh-1{line-height:1}.fs-5{font-size:20px !important}.animate-in{animation:fadeIn 0.3s ease-in-out}.fade-in{animation-name:fadeIn}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.d-flex{display:flex}.flex-column{flex-direction:column}.flex-lg-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.justify-content-between{justify-content:space-between}.justify-content-end{justify-content:flex-end}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.align-items-lg-center{align-items:center}.align-items-start{align-items:flex-start}.align-self-start{align-self:flex-start}.flex-shrink-0{flex-shrink:0}.flex-fill{flex:1 1 auto}.gap-1{gap:0.25rem}.gap-2{gap:0.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.ms-auto{margin-left:auto}.me-1{margin-right:0.25rem}.me-2{margin-right:0.5rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:0.25rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mt-1{margin-top:0.25rem}.p-0{padding:0}.p-2{padding:0.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.ps-0{padding-left:0}.ps-3{padding-left:1rem}.ps-4{padding-left:1.5rem}.pe-3{padding-right:1rem}.pe-4{padding-right:1.5rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-3{padding-top:1rem;padding-bottom:1rem}.py-4{padding-top:1.5rem;padding-bottom:1.5rem}.py-5{padding-top:3rem;padding-bottom:3rem}.fw-bold{font-weight:700}.fw-medium{font-weight:500}.fw-normal{font-weight:400}.text-primary{color:#4f46e5}.text-secondary{color:#6c757d}.text-success{color:#198754}.text-danger{color:#dc3545}.text-warning{color:#ffc107}.text-muted{color:#6c757d}.text-dark{color:#212529}.text-white{color:#fff}.text-break{word-break:break-word}.text-end{text-align:right}.text-center{text-align:center}.text-uppercase{text-transform:uppercase}.small{font-size:0.875rem}.lh-sm{line-height:1.25}.fst-italic{font-style:italic}.badge{display:inline-block;padding:0.35em 0.65em;font-size:0.75em;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:0.375rem}.bg-primary{background-color:#4f46e5}.bg-success{background-color:#198754}.bg-warning{background-color:#ffc107}.bg-danger{background-color:#dc3545}.bg-secondary{background-color:#6c757d}.bg-light{background-color:#f8f9fa}.bg-white{background-color:#fff}.bg-opacity-10{background-color:rgba(79,70,229,0.1)}.border{border:1px solid #dee2e6}.border-top{border-top:1px solid #dee2e6}.border-bottom{border-bottom:1px solid #dee2e6}.border-0{border:none}.border-start-0{border-left:none}.border-end-0{border-right:none}.border-dashed{border-style:dashed}.border-success{border-color:#198754}.border-danger{border-color:#dc3545}.border-warning{border-color:#ffc107}.border-primary{border-color:#4f46e5}.border-opacity-25{opacity:0.25}.border-bottom-0{border-bottom:none}.rounded{border-radius:0.375rem}.rounded-circle{border-radius:50%}.rounded-pill{border-radius:50rem}.animate-in .card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;margin-bottom:0 !important}.animate-in .card:first-of-type{margin-bottom:1rem !important}.animate-in .card:not(:first-of-type){margin-bottom:0 !important}.card-body{flex:1 1 auto;padding:1.5rem}.card-footer{padding:0.75rem 1.5rem;background-color:#fff;border-top:1px solid #dee2e6}.card-header{padding:0.75rem 1.5rem;margin-bottom:0;background-color:rgba(0,0,0,0.03);border-bottom:1px solid rgba(0,0,0,0.125)}.shadow-sm{box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075) !important}.animate-in{width:100%}.overflow-hidden{overflow:hidden}.form-control{display:block;width:100%;padding:0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:0.375rem;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}.form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 0.25rem rgba(79,70,229,0.25)}.form-control.bg-light{background-color:#f8f9fa !important}.form-control.bg-light:focus{background-color:#fff !important}.form-select{display:block;width:100%;padding:0.375rem 2.25rem 0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:0.375rem;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;cursor:pointer}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 0.25rem rgba(79,70,229,0.25)}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group-text{display:flex;align-items:center;padding:0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:center;white-space:nowrap;background-color:#f8f9fa;border:1px solid #ced4da;border-radius:0.375rem 0 0 0.375rem}.input-group .form-control:first-child{border-radius:0 0.375rem 0.375rem 0}.input-group .form-control.border-start-0{border-left:none;border-radius:0 0.375rem 0.375rem 0}.input-group-text.border-end-0{border-right:none;border-radius:0.375rem 0 0 0.375rem}textarea.form-control{min-height:calc(1.5em + 0.75rem + 2px)}.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;background-color:transparent;border:1px solid transparent;padding:0.375rem 0.75rem;font-size:1rem;border-radius:0.375rem;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}.btn-sm{padding:0.25rem 0.5rem;font-size:0.875rem;border-radius:0.25rem}.btn-outline{color:#4f46e5;border-color:#4f46e5;background-color:transparent}.btn-outline:hover{color:#fff;background-color:#4f46e5;border-color:#4f46e5}.btn-outline:focus{box-shadow:0 0 0 0.25rem rgba(79,70,229,0.25)}.btn-ghost{background-color:transparent;border-color:transparent;color:#6c757d}.btn-ghost:hover{background-color:rgba(0,0,0,0.05);color:#212529}.btn-success{color:#fff;background-color:#198754;border-color:#198754}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.table{width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6}.table-responsive{overflow-x:auto;min-height:0;width:100%}.table-hover tbody tr{transition:background-color 0.15s ease-in-out}.table-hover tbody tr:hover{background-color:rgba(0,0,0,0.075);cursor:pointer}.table-sm{font-size:0.875rem}.table th,.table td{padding:0.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table th{font-weight:600;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em;color:#6c757d}.align-middle{vertical-align:middle !important}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6;background-color:#f8f9fa;font-weight:600;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em;color:#6c757d}.table tbody+tbody{border-top:2px solid #dee2e6}.alert{position:relative;padding:1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:0.375rem}.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:0.375rem}.list-group-item{position:relative;display:block;padding:0.5rem 1rem;color:#212529;text-decoration:none;background-color:#fff;border:1px solid rgba(0,0,0,0.125)}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#4f46e5;text-decoration:none;background-color:#fff;border:1px solid #dee2e6;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;padding:0.375rem 0.75rem;margin-left:-1px}.page-link:hover{z-index:2;color:#4338ca;background-color:#e9ecef;border-color:#dee2e6}.page-item.active .page-link{z-index:3;color:#fff;background-color:#4f46e5;border-color:#4f46e5}.page-item:first-child .page-link{border-top-left-radius:0.375rem;border-bottom-left-radius:0.375rem;margin-left:0}.page-item:last-child .page-link{border-top-right-radius:0.375rem;border-bottom-right-radius:0.375rem}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;background-color:#fff;border-color:#dee2e6}.cursor-pointer{cursor:pointer}.w-100{width:100%}.h-100{height:100%}.d-inline-flex{display:inline-flex}.d-inline-block{display:inline-block}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.vr{display:inline-block;align-self:stretch;width:1px;min-height:1em;background-color:currentColor;opacity:0.25}.row{display:flex;flex-wrap:wrap;margin-left:-0.75rem;margin-right:-0.75rem}[class*="col-"]{padding-left:0.75rem;padding-right:0.75rem}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-md-6{flex:0 0 auto;width:50%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-auto{flex:0 0 auto;width:auto}.col-6{flex:0 0 auto;width:50%}.g-3{margin-left:-0.75rem;margin-right:-0.75rem;margin-top:0}.g-3>*{padding-left:0.75rem;padding-right:0.75rem;margin-top:0}@media (max-width: 991.98px){.col-lg-3,.col-lg-2,.col-lg-auto{width:100%}}@media (min-width: 768px){.d-md-block{display:block}.flex-md-row{flex-direction:row}}@media (min-width: 992px){.d-lg-block{display:block}.d-lg-inline{display:inline}.flex-lg-row{flex-direction:row}}.order-show-page{max-width:1200px;margin:0 auto;padding:0 1rem 2rem}.order-show-header{margin-bottom:1.5rem}.order-show-back{display:inline-block;color:#6c757d;font-size:14px;text-decoration:none;margin-bottom:0.75rem}.order-show-back:hover{color:#495057}.order-show-title-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.order-show-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 0.25rem 0}.order-show-date{color:#6c757d;font-size:14px;margin:0}.order-show-badges{display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center}.order-status-badge{display:inline-flex;align-items:center;gap:0.35rem;padding:0.35rem 0.65rem;font-size:12px;font-weight:500;border-radius:6px;white-space:nowrap}.order-status-badge--completed{background:#198754;color:#fff}.order-status-badge--approved{background:#d1e7dd;color:#0f5132}.order-show-tabs{display:flex;gap:0;border-bottom:1px solid #e9ecef;margin-bottom:0}.order-show-tab{padding:0.75rem 1rem;font-size:14px;font-weight:500;color:#6c757d;text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:0.35rem}.order-show-tab:hover{color:#495057}.order-show-tab--active{color:#2563eb;border-bottom-color:#2563eb}.order-show-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 0.35rem;font-size:11px;font-weight:500;background:#e9ecef;color:#6c757d;border-radius:50%}.order-show-content.row{margin-top:0}.order-show-main{padding-top:1rem}.order-show-sidebar{padding-top:1rem}.order-show-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.06);padding:1.25rem 1.5rem;margin-bottom:1rem}.order-show-card--items{border-top:1px solid #e9ecef}.order-show-card-title{display:flex;align-items:center;gap:0.5rem;font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 1rem 0}.order-show-card-icon{flex-shrink:0;color:#6c757d}.order-show-table-wrap{overflow-x:auto}.order-show-table{width:100%;border-collapse:collapse;font-size:14px}.order-show-table th{text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:0.05em;color:#6c757d;padding:0.75rem 0.5rem;border-bottom:1px solid #e9ecef}.order-show-table th:nth-child(2),.order-show-table th:nth-child(3),.order-show-table th:nth-child(4),.order-show-table th:nth-child(5),.order-show-table th:nth-child(6),.order-show-table th:nth-child(7){text-align:right}.order-show-table td{padding:0.75rem 0.5rem;border-bottom:1px solid #f1f3f4;color:#374151}.order-show-table td:nth-child(2),.order-show-table td:nth-child(3),.order-show-table td:nth-child(4),.order-show-table td:nth-child(5),.order-show-table td:nth-child(6),.order-show-table td:nth-child(7){text-align:right}.order-show-commission{color:#198754;font-weight:600}.order-show-table tfoot td{border-bottom:none;padding-top:1rem;font-weight:600}.order-show-summary-label{color:#6c757d;text-align:right !important}.order-show-summary-value{color:#1e293b}.order-show-summary-commission{color:#198754;font-weight:700}.order-show-empty{text-align:center;padding:2rem;background:#f8f9fa;border-radius:6px;color:#6c757d;font-size:14px}.order-show-info-list{display:flex;flex-direction:column;gap:0.75rem}.order-show-info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;font-size:14px}.order-show-info-label{color:#6c757d;flex-shrink:0}.order-show-info-value{color:#1e293b;text-align:right;word-break:break-word}.order-show-role-badge{display:inline-block;padding:0.2rem 0.5rem;font-size:12px;font-weight:500;background:#e9ecef;color:#495057;border-radius:6px}@media (max-width: 991.98px){.order-show-page .col-lg-8,.order-show-page .col-lg-4{width:100%}}.product-management-container *{box-sizing:border-box}.product-management-container{margin:0 auto;animation:fadeIn 0.5s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.product-management-container .card{border:none;border-radius:0.75rem;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.product-management-container .card-body{padding:1.5rem}.product-management-container .header-content{display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.product-management-container .header-content{flex-direction:row;justify-content:space-between;align-items:center}}.product-management-container .header-info h4{font-weight:700;color:#1e293b;font-size:1.5rem;margin-bottom:0.25rem}.product-management-container .header-info p{color:#64748b;font-size:0.875rem}.product-management-container .products-header-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.product-management-container .products-search-group{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;flex:1;min-width:0}.product-management-container .products-search-group .input-group,.product-management-container .products-search-group .form-select{min-height:40px;height:40px}.product-management-container .products-search-group .input-group{min-width:180px;width:180px;flex:0 0 180px}.product-management-container .products-search-group .form-select{min-width:180px;width:180px}.product-management-container .products-search-group .input-group .form-control{min-width:0;height:100%}.product-management-container .products-search-group .input-group .input-group-icon{padding:0 0.875rem}.product-management-container .btn{display:inline-flex;align-items:center;justify-content:center;padding:0.625rem 1.25rem;border-radius:0.5rem;font-weight:600;font-size:0.875rem;cursor:pointer;border:2px solid transparent;transition:all 0.2s ease;text-decoration:none;white-space:nowrap}.product-management-container .btn-primary{background-color:#4f46e5;color:white;border-color:#4f46e5}.product-management-container .btn-primary:hover{background-color:#4338ca;border-color:#4338ca;transform:translateY(-2px);box-shadow:0 4px 12px rgba(79,70,229,0.3)}.product-management-container .btn-outline-secondary,.product-management-container .edit-btn{background-color:transparent;color:#64748b;border:1px solid #cbd5e1}.product-management-container .btn-outline-secondary:hover,.product-management-container .edit-btn:hover{background-color:#f8fafc;border-color:#94a3b8;color:#475569}.product-management-container .btn-secondary{background-color:#64748b;color:white;border-color:#64748b}.product-management-container .btn-secondary:hover{background-color:#475569;border-color:#475569}.product-management-container .btn-sm{padding:0.375rem 0.75rem;font-size:0.8125rem}.product-management-container .filters-row{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.product-management-container .filters-row{grid-template-columns:repeat(4, 1fr)}}.product-management-container .filter-group{width:100%}.product-management-container .input-group{display:flex}.product-management-container .input-group-text{background-color:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;padding:0.625rem 0.875rem}.product-management-container .form-control{border:1px solid #e2e8f0;padding:0.625rem 0.875rem;border-radius:0.375rem;font-size:0.875rem;color:#334155;background-color:white;transition:border-color 0.2s, box-shadow 0.2s}.product-management-container .form-control:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,0.1);outline:none}.product-management-container .form-control.bg-light{background-color:#f8fafc}.product-management-container .form-select{border:1px solid #e2e8f0;padding:0.625rem 2.25rem 0.625rem 0.875rem;border-radius:0.375rem;font-size:0.875rem;color:#334155;background-color:white;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23374151' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:16px 12px}.product-management-container .form-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,0.1);outline:none}.product-management-container .table-responsive{overflow-x:auto}.product-management-container .table{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:0}.product-management-container .table thead{background-color:#f8fafc}.product-management-container .table th{color:#64748b;font-weight:600;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em;padding:1rem;border-bottom:1px solid #e2e8f0;vertical-align:middle}.product-management-container .table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color 0.2s}.product-management-container .table tbody tr:hover{background-color:#f8fafc}.product-management-container .table td{padding:1rem;color:#334155;font-size:0.875rem;vertical-align:middle;border-bottom:1px solid #f1f5f9}.product-management-container .table tbody tr:last-child td{border-bottom:none}.product-management-container .product-info-cell{display:flex;align-items:center;gap:0.75rem}.product-management-container .product-image{width:48px;height:48px;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:0.375rem;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}.product-management-container .product-image img{width:100%;height:100%;object-fit:cover}.product-management-container .product-image i{color:#94a3b8;font-size:1.25rem}.product-management-container .product-details h6{font-weight:600;color:#1e293b;margin-bottom:0.25rem;font-size:0.875rem}.product-management-container .product-details p{color:#64748b;font-size:0.75rem;margin:0}.product-management-container .source-badge{display:inline-flex;align-items:center;gap:0.375rem;padding:0.25rem 0.625rem;border-radius:50px;font-size:0.75rem;font-weight:500;border:1px solid}.product-management-container .source-badge.manual{background-color:rgba(79,70,229,0.1);color:#4f46e5;border-color:rgba(79,70,229,0.25)}.product-management-container .source-badge.shopify{background-color:rgba(22,163,74,0.1);color:#16a34a;border-color:rgba(22,163,74,0.25)}.product-management-container .source-badge.woocommerce{background-color:rgba(14,165,233,0.1);color:#0ea5e9;border-color:rgba(14,165,233,0.25)}.product-management-container .source-badge.nopcommerce{background-color:rgba(245,158,11,0.1);color:#f59e0b;border-color:rgba(245,158,11,0.25)}.product-management-container .source-badge i{font-size:0.75rem}.product-management-container .stock-badge{display:inline-block;padding:0.25rem 0.625rem;border-radius:50px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.025em}.product-management-container .stock-badge.in-stock{background-color:#dcfce7;color:#166534}.product-management-container .stock-badge.low-stock{background-color:#fef3c7;color:#92400e}.product-management-container .stock-badge.out-of-stock{background-color:#f1f5f9;color:#475569}.product-management-container .discount-badge{display:inline-block;padding:0.25rem 0.5rem;border-radius:6px;font-size:0.8125rem;font-weight:600;background-color:#dbeafe;color:#1d4ed8}.product-management-container .form-check.form-switch{display:flex;align-items:center;justify-content:center;padding:0;margin:0}.product-management-container .form-check-input{width:3em;height:1.5em;margin:0;cursor:pointer}.product-management-container .form-check-input:checked{background-color:#4f46e5;border-color:#4f46e5}.product-management-container .empty-state{text-align:center;padding:3rem 1rem;color:#94a3b8}.product-management-container .empty-state i{font-size:2rem;margin-bottom:1rem;opacity:0.5}.product-management-container .empty-state p{margin:0;font-style:italic}.product-management-container .modal-dialog.product-edit-modal-dialog{max-width:960px;width:100%;margin-left:auto;margin-right:auto}.product-management-container .modal-content.product-edit-modal,.product-management-container .modal-content{border:none;border-radius:1rem;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.15);background-color:#fff}.product-management-container .modal-content .modal-header{background-color:#fff;border-bottom:1px solid #e2e8f0;padding:1.25rem 1.5rem}.product-management-container .modal-content .modal-title{font-weight:700;color:#1e293b;font-size:1.25rem;margin:0}.product-management-container .modal-content .modal-body{padding:1.5rem;background-color:#fff}.product-management-container .product-modal-sync-warning{display:flex;align-items:flex-start;gap:0.75rem;padding:0.875rem 1rem;margin-bottom:1.25rem;background-color:#fef3c7;border:1px solid #fde68a;border-radius:0.5rem;font-size:0.875rem;color:#92400e}.product-management-container .product-modal-sync-warning i{color:#f59e0b;flex-shrink:0;margin-top:0.125rem}.product-management-container .product-modal-sync-warning span{line-height:1.4}.product-management-container .modal-content .modal-footer{background-color:#fff;border-top:1px solid #e2e8f0;padding:1rem 1.5rem;display:flex;justify-content:flex-end;gap:0.75rem}.product-management-container .modal-content .modal-footer .btn-cancel{background-color:#fff;color:#334155;border:1px solid #e2e8f0;padding:0.5rem 1rem;border-radius:0.5rem;font-weight:500}.product-management-container .modal-content .modal-footer .btn-cancel:hover{background-color:#f8fafc;border-color:#cbd5e1;color:#1e293b}.product-management-container .modal-body>.row.g-3.product-modal-form,.product-management-container .modal-body>.row.g-3{align-items:flex-start}.product-management-container .modal-body .product-modal-form .col-md-7 .mb-3,.product-management-container .modal-body .product-modal-form .col-md-7 .mb-0{margin-bottom:1rem}.product-management-container .modal-body .product-modal-form .col-md-7 .mb-0:last-child{margin-bottom:0}.product-management-container .modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;padding:1rem 1.5rem;display:flex;justify-content:flex-end;gap:0.5rem;flex-wrap:wrap}.product-management-container .modal-footer .btn-ghost{background-color:transparent;border:1px solid transparent;color:#64748b}.product-management-container .modal-footer .btn-ghost:hover{background-color:rgba(0,0,0,0.06);color:#334155}.product-management-container .alert{padding:0.75rem 1rem;border-radius:0.5rem;font-size:0.875rem}.product-management-container .alert-warning{background-color:#fffbeb;color:#92400e;border:1px solid #fde68a}.product-management-container .alert-warning i{color:#f59e0b}.product-management-container .image-preview{min-height:80px;height:80px;overflow:hidden;position:relative;border-radius:0.5rem;background-color:#f1f5f9;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center}.product-management-container .image-preview img{width:100%;height:100%;object-fit:cover;border-radius:0.5rem}.product-management-container .image-preview .image-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.25rem;color:#94a3b8;font-size:0.8125rem}.product-management-container .image-preview .image-preview-placeholder i{font-size:1.25rem}.product-management-container .toast{position:fixed;top:20px;right:20px;background-color:#10b981;color:white;padding:1rem 1.5rem;border-radius:0.75rem;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:9999;display:flex;align-items:center;gap:0.75rem;transform:translateX(150%);transition:transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.product-management-container .toast.show{transform:translateX(0)}.product-management-container .toast-content{display:flex;align-items:center;gap:0.75rem}.product-management-container .toast-content i{font-size:1.25rem}.product-management-container .modal-body .form-label.small{font-size:0.875rem;font-weight:600;color:#334155}.product-management-container .modal-body .modal-form-row{display:flex;flex-wrap:wrap;margin-left:-0.5rem;margin-right:-0.5rem;margin-bottom:1rem}.product-management-container .modal-body .modal-form-row .modal-form-col{flex:0 0 50%;max-width:50%;padding-left:0.5rem;padding-right:0.5rem;box-sizing:border-box}.product-management-container .modal-body .form-label{display:block;margin-bottom:0.375rem;min-height:1.25rem;line-height:1.25}.product-management-container .modal-body input.form-control,.product-management-container .modal-body .form-select{min-height:38px;width:100%}.product-management-container .modal-body .form-control.form-control-sm{min-height:32px}.product-management-container .modal-body textarea.form-control{min-height:6rem;width:100%}.product-management-container .modal-body .product-modal-form .col-md-5 .mb-3{margin-bottom:1rem}.product-management-container .modal-body .product-modal-form .col-md-5 .form-label{margin-bottom:0.375rem}.product-management-container .modal-body .product-modal-form .col-md-5 input.form-control,.product-management-container .modal-body .product-modal-form .col-md-5 .form-select{width:100%;min-height:38px}.product-management-container .modal-body .product-modal-form .col-md-5 .form-check.form-switch{padding-left:0;margin-bottom:0.5rem;min-height:auto;display:flex;align-items:center;gap:0.5rem}.product-management-container .modal-body .product-modal-form .col-md-5 .form-check.form-switch .form-check-input{margin-left:0;margin-right:0;flex-shrink:0}.product-management-container .modal-body .product-modal-form .col-md-5 .form-check.form-switch .form-check-label{margin-bottom:0}.product-management-container .modal-body .product-modal-form .col-md-5 select#stockStatus{width:100%}.product-management-container .modal-body .product-modal-form .col-md-7 .input-group{width:100%}.product-management-container .modal-body .product-modal-form .col-md-7 .input-group .btn{min-height:38px}@media (max-width: 767px){.product-management-container .card-body{padding:1rem}.product-management-container .modal-dialog{margin:0.5rem}.product-management-container .modal-body{padding:1rem}.product-management-container .modal-body .product-modal-form .col-md-7,.product-management-container .modal-body .product-modal-form .col-md-5{width:100%;max-width:100%}.product-management-container .table th,.product-management-container .table td{padding:0.75rem 0.5rem;font-size:0.8125rem}.product-management-container .product-info-cell{flex-direction:column;align-items:flex-start;gap:0.5rem}.product-management-container .product-image{width:40px;height:40px}}@keyframes rowAppear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.product-management-container .table tbody tr{animation:rowAppear 0.3s ease-out}.product-management-container .table tbody tr:nth-child(2){animation-delay:0.05s}.product-management-container .table tbody tr:nth-child(3){animation-delay:0.1s}.product-management-container .table tbody tr:nth-child(4){animation-delay:0.15s}.product-management-container .pagination{display:flex;list-style:none;padding:0;margin:0;gap:0.5rem}.product-management-container .page-item{display:inline-block}.product-management-container .page-link{padding:0.5rem 0.75rem;border:1px solid #e2e8f0;border-radius:0.375rem;color:#64748b;text-decoration:none;transition:all 0.2s}.product-management-container .page-link:hover{background-color:#f8fafc;border-color:#cbd5e1;color:#334155}.product-management-container .page-item.active .page-link{background-color:#4f46e5;border-color:#4f46e5;color:white}.product-management-container .page-item.disabled .page-link{background-color:transparent;border-color:transparent;color:#cbd5e1;cursor:not-allowed}:root{--primary-color: #4f46e5;--primary-hover: #4338ca;--bs-primary: #4f46e5;--bs-primary-rgb: 79, 70, 229;--secondary-color: #95a5a6;--secondary-hover: #7f8c8d;--success-color: #27ae60;--success-hover: #229954;--danger-color: #e74c3c;--danger-hover: #c0392b;--warning-color: #f39c12;--warning-hover: #e67e22;--info-color: #9b59b6;--info-hover: #8e44ad;--white: #ffffff;--gray-50: #f8f9fa;--gray-100: #f1f3f4;--gray-200: #e9ecef;--gray-300: #dee2e6;--gray-400: #ced4da;--gray-500: #adb5bd;--gray-600: #6c757d;--gray-700: #495057;--gray-800: #343a40;--gray-900: #2c3e50;--bg-primary: #f5f5f5;--bg-card: #ffffff;--bg-header: #2c3e50;--text-primary: #2c3e50;--text-secondary: #7f8c8d;--text-muted: #95a5a6;--text-white: #ffffff;--border-light: #e9ecef;--border-medium: #dee2e6;--border-dark: #adb5bd;--shadow-light: 0 2px 4px rgba(0,0,0,0.1);--shadow-medium: 0 4px 6px rgba(0,0,0,0.05);--shadow-heavy: 0 4px 12px rgba(0,0,0,0.15);--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 20px;--font-xs: 0.75rem;--font-sm: 0.875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 2rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--transition-fast: 0.15s ease;--transition-normal: 0.3s ease;--transition-slow: 0.5s ease}html,body{margin:0;padding:0;height:100%}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;display:flex;flex-direction:column;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl);flex:1}.header{background:var(--bg-header);color:var(--text-white);padding:var(--spacing-md);margin-bottom:var(--spacing-xl)}.header h1{margin:0;font-size:var(--font-2xl);font-weight:var(--font-bold)}.nav{display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;align-items:center;gap:var(--spacing-md)}.nav-links a{color:var(--text-white);text-decoration:none;transition:var(--transition-fast)}.nav-links a:hover{text-decoration:underline}.card,.main-card{background:var(--bg-card);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-medium);margin-bottom:var(--spacing-xl)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.page-title{font-size:var(--font-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.card-title{font-size:var(--font-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-light)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-sm);font-weight:var(--font-semibold);text-decoration:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;min-height:36px}.btn.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-xs);min-height:28px}.btn.btn-md{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-sm);min-height:36px}.btn.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-base);min-height:44px}.btn.btn-primary{background:var(--primary-color);color:var(--text-white)}.btn.btn-primary:hover{background:var(--primary-hover)}.btn.btn-theme-primary{background:#6366f1;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;transition:all 0.2s}.btn.btn-theme-primary:hover{background:#4f46e5;transform:translateY(-1px);color:#fff}.btn.btn-secondary{background:var(--secondary-color);color:var(--text-white)}.btn.btn-secondary:hover{background:var(--secondary-hover)}.btn.btn-success{background:var(--success-color);color:var(--text-white)}.btn.btn-success:hover{background:var(--success-hover)}.btn.btn-danger{background:var(--danger-color);color:var(--text-white)}.btn.btn-danger:hover{background:var(--danger-hover)}.btn.btn-warning{background:var(--warning-color);color:var(--text-white)}.btn.btn-warning:hover{background:var(--warning-hover)}.btn.btn-info{background:var(--info-color);color:var(--text-white)}.btn.btn-info:hover{background:var(--info-hover)}.btn.btn-outline-primary{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.btn.btn-outline-primary:hover{background:var(--primary-color);color:var(--text-white)}.btn.btn-outline-secondary{background:transparent;color:var(--secondary-color);border:1px solid var(--secondary-color)}.btn.btn-outline-secondary:hover{background:var(--secondary-color);color:var(--text-white)}.btn.btn-outline-danger{background:transparent;color:var(--danger-color);border:1px solid var(--danger-color)}.btn.btn-outline-danger:hover{background:var(--danger-color);color:var(--text-white)}.btn:disabled{opacity:0.6;cursor:not-allowed}.btn:disabled:hover{background:inherit}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--font-sm)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:var(--font-sm);transition:var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(52,152,219,0.2)}.table{width:100%;border-collapse:collapse;margin-top:var(--spacing-md);font-size:var(--font-sm)}.table th,.table td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid var(--border-medium)}.table th{background-color:var(--gray-50);font-weight:var(--font-semibold);color:var(--text-primary)}.table tbody tr:hover{background-color:var(--gray-50)}.alert{padding:var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:var(--radius-sm);border:1px solid}.alert.alert-success{background:#d4edda;color:#155724;border-color:#c3e6cb}.alert.alert-danger{background:#f8d7da;color:#721c24;border-color:#f5c6cb}.alert.alert-warning{background:#fff3cd;color:#856404;border-color:#ffeaa7}.alert.alert-info{background:#d1ecf1;color:#0c5460;border-color:#bee5eb}.badge,.role-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:0.5px}.badge.badge-primary,.badge-primary.role-badge,.role-badge.role-end-user{background:var(--primary-color);color:var(--text-white)}.badge.badge-success,.badge-success.role-badge{background:var(--success-color);color:var(--text-white)}.badge.badge-danger,.badge-danger.role-badge,.role-badge.role-super-admin{background:var(--danger-color);color:var(--text-white)}.badge.badge-warning,.badge-warning.role-badge,.role-badge.role-client{background:var(--warning-color);color:var(--text-white)}.badge.badge-info,.badge-info.role-badge{background:var(--info-color);color:var(--text-white)}.badge.badge-secondary,.badge-secondary.role-badge{background:var(--secondary-color);color:var(--text-white)}.badge.badge-light,.badge-light.role-badge{background:var(--gray-100);color:var(--text-primary)}.status{font-weight:var(--font-semibold)}.status.status-pending{color:var(--warning-color)}.status.status-active{color:var(--success-color)}.status.status-inactive{color:var(--text-muted)}.status.status-suspended{color:var(--danger-color)}.dropdown{position:relative;display:inline-block}.dropdown-toggle{background:var(--gray-50);border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:var(--spacing-sm);cursor:pointer;color:var(--text-primary);font-size:var(--font-sm);transition:var(--transition-fast)}.dropdown-toggle:hover{background:var(--gray-200);border-color:var(--border-dark)}.dropdown-menu{display:none;position:absolute;right:0;top:100%;background:var(--white);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:var(--shadow-heavy);z-index:1000;min-width:160px;margin-top:var(--spacing-xs)}.dropdown-menu a,.dropdown-menu button{display:block;width:100%;text-align:left;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);text-decoration:none;font-size:var(--font-sm);border:none;background:none;cursor:pointer;transition:var(--transition-fast);border-bottom:1px solid var(--border-light)}.dropdown-menu a:hover,.dropdown-menu button:hover{background:var(--gray-50)}.dropdown-menu a:last-child,.dropdown-menu button:last-child{border-bottom:none}.dropdown-menu button{color:var(--danger-color)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-white{color:var(--text-white)}.bg-primary{background-color:var(--primary-color)}.bg-secondary{background-color:var(--secondary-color)}.bg-success{background-color:var(--success-color)}.bg-danger{background-color:var(--danger-color)}.bg-warning{background-color:var(--warning-color)}.bg-info{background-color:var(--info-color)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-block{display:block}.d-inline-block{display:inline-block}.d-none{display:none}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.gap-5{gap:var(--spacing-xl)}.w-100{width:100%}.h-100{height:100%}.text-left{text-align:left}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.border-0{border:0}.bg-transparent{background:transparent}.cursor-pointer{cursor:pointer}.rounded{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow-light)}.shadow-lg{box-shadow:var(--shadow-medium)}.shadow-xl{box-shadow:var(--shadow-heavy)}.tab-button{background:none;border:none;padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--text-secondary);border-bottom:2px solid transparent;transition:var(--transition-normal)}.tab-button:hover{color:var(--primary-color);background-color:var(--gray-50)}.tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background-color:var(--gray-50)}.user-section{animation:fadeIn 0.3s ease-in-out}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-form{background:var(--white);padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-medium);max-width:500px;width:100%}.form-input{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-light);border-radius:var(--radius-lg);font-size:var(--font-base);margin-bottom:var(--spacing-md);transition:var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(52,152,219,0.1)}.checkbox-label{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);cursor:pointer;padding:var(--spacing-sm) 0}.checkbox-input{width:20px;height:20px;flex-shrink:0;margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--white);border:2px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;position:relative;transition:var(--transition-fast)}.checkbox-input:checked{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-input:checked::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:var(--white);font-size:var(--font-sm);font-weight:var(--font-bold)}.checkbox-input:hover{border-color:var(--primary-color)}.checkbox-input:focus{outline:none;box-shadow:0 0 0 3px rgba(52,152,219,0.1)}.checkbox-text{font-size:var(--font-sm);line-height:1.4;flex:1}.link{color:var(--primary-color);text-decoration:none}.link:hover{text-decoration:underline}@media (max-width: 768px){.container{padding:var(--spacing-md)}.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.nav{flex-direction:column;gap:var(--spacing-md)}.btn{width:100%;justify-content:center}.table{font-size:var(--font-xs)}.table th,.table td{padding:var(--spacing-xs)}}.status-badge.status-active{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.status-pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status-badge.status-inactive{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.status-badge.status-suspended{background:#e2e3e5;color:#383d41;border:1px solid #d6d8db}.approval-badge.approved{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.approval-badge.not-approved{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.link-type-option{border:2px solid #e9ecef;border-radius:8px;padding:15px;cursor:pointer;transition:all 0.3s;background:white}.link-type-option.selected{border-color:#3498db;background:#f8f9ff}.link-type-option:hover{border-color:#3498db;background:#f8f9ff}.hidden{display:none !important}.referral-link-card{transition:all 0.3s ease}.referral-link-card:hover{box-shadow:0 4px 12px rgba(0,0,0,0.1) !important;transform:translateY(-2px)}.referral-link-card .status-badge.status-active{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.referral-link-card .status-badge.status-inactive{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.referral-link-card .status-badge.status-paused{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.referral-link-card .status-badge.status-expired{background:#e2e3e5;color:#383d41;border:1px solid #d6d8db}.app-footer{background-color:#007bff;color:white;padding:0.875rem 0;margin-top:auto;width:100%;margin-bottom:0;box-sizing:border-box}.footer-content{max-width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;width:100%;box-sizing:border-box}.copyright{font-size:0.875rem}.footer-social{display:flex;gap:1.5rem;align-items:center}.social-icon-footer{cursor:pointer;transition:opacity 0.2s;font-size:1rem;color:white}.social-icon-footer:hover{opacity:0.8}.google-icon{background-color:white;color:#007bff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.75rem}@media (max-width: 768px){.footer-content{flex-direction:column;gap:0.5rem;text-align:center;padding:0 1rem}}trix-editor{border:1px solid #bbb;border-radius:3px;margin:0;padding:0.4em 0.6em;min-height:5em;outline:none}trix-toolbar *{box-sizing:border-box}trix-toolbar .button_row{display:flex;flex-wrap:nowrap;justify-content:space-between}trix-toolbar .button_group{display:flex;margin-bottom:10px;border:1px solid #bbb;border-top-color:#ccc;border-bottom-color:#888;border-radius:3px}trix-toolbar .button_group button,trix-toolbar .button_group input[type=button]{position:relative;float:left;font-size:inherit;padding:0;margin:0;outline:none;border:none;border-bottom:1px solid #ddd;border-radius:0;background:transparent}trix-toolbar .button_group button:not(:first-child),trix-toolbar .button_group input[type=button]:not(:first-child){border-left:1px solid #ccc}trix-toolbar .button_group button:not(:disabled),trix-toolbar .button_group input[type=button]:not(:disabled){cursor:pointer}trix-toolbar .button_group button.active,trix-toolbar .button_group input.active[type=button]{background:#cbeefa}trix-toolbar .button_group button.icon,trix-toolbar .button_group input.icon[type=button]{width:2.6em;height:1.6em;max-width:calc(0.8em + 4vw);text-indent:-9999px}@media (max-device-width: 768px){trix-toolbar .button_group button.icon,trix-toolbar .button_group input.icon[type=button]{height:2em;max-width:calc(0.8em + 3.5vw)}}trix-toolbar .button_group button.icon::before,trix-toolbar .button_group input.icon[type=button]::before{display:inline-block;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0.6;content:"";background-position:center;background-repeat:no-repeat;background-size:contain}@media (max-device-width: 768px){trix-toolbar .button_group button.icon::before,trix-toolbar .button_group input.icon[type=button]::before{right:6%;left:6%}}trix-toolbar .button_group button.icon.bold::before,trix-toolbar .button_group input.icon.bold[type=button]::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M15.6%2011.8c1-.7%201.6-1.8%201.6-2.8a4%204%200%200%200-4-4H7v14h7c2.1%200%203.7-1.7%203.7-3.8%200-1.5-.8-2.8-2.1-3.4zM10%207.5h3a1.5%201.5%200%201%201%200%203h-3v-3zm3.5%209H10v-3h3.5a1.5%201.5%200%201%201%200%203z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .button_group button.icon.italic::before,trix-toolbar .button_group input.icon.italic[type=button]::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10%205v3h2.2l-3.4%208H6v3h8v-3h-2.2l3.4-8H18V5h-8z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .button_group button.icon.link::before,trix-toolbar .button_group input.icon.link[type=button]::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M9.88%2013.7a4.3%204.3%200%200%201%200-6.07l3.37-3.37a4.26%204.26%200%200%201%206.07%200%204.3%204.3%200%200%201%200%206.06l-1.96%201.72a.91.91%200%201%201-1.3-1.3l1.97-1.71a2.46%202.46%200%200%200-3.48-3.48l-3.38%203.37a2.46%202.46%200%200%200%200%203.48.91.91%200%201%201-1.3%201.3z%22%2F%3E%3Cpath%20d%3D%22M4.25%2019.46a4.3%204.3%200%200%201%200-6.07l1.93-1.9a.91.91%200%201%201%201.3%201.3l-1.93%201.9a2.46%202.46%200%200%200%203.48%203.48l3.37-3.38c.96-.96.96-2.52%200-3.48a.91.91%200%201%201%201.3-1.3%204.3%204.3%200%200%201%200%206.07l-3.38%203.38a4.26%204.26%200%200%201-6.07%200z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .button_group button.icon.strike::before,trix-toolbar .button_group input.icon.strike[type=button]::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.73%2014l.28.14c.26.15.45.3.57.44.12.14.18.3.18.5%200%20.3-.15.56-.44.75-.3.2-.76.3-1.39.3A13.52%2013.52%200%200%201%207%2014.95v3.37a10.64%2010.64%200%200%200%204.84.88c1.26%200%202.35-.19%203.28-.56.93-.37%201.64-.9%202.14-1.57s.74-1.45.74-2.32c0-.26-.02-.51-.06-.75h-5.21zm-5.5-4c-.08-.34-.12-.7-.12-1.1%200-1.29.52-2.3%201.58-3.02%201.05-.72%202.5-1.08%204.34-1.08%201.62%200%203.28.34%204.97%201l-1.3%202.93c-1.47-.6-2.73-.9-3.8-.9-.55%200-.96.08-1.2.26-.26.17-.38.38-.38.64%200%20.27.16.52.48.74.17.12.53.3%201.05.53H7.23zM3%2013h18v-2H3v2z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .button_group button.icon.quote::before,trix-toolbar .button_group input.icon.quote[type=button]::before{background-image:url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M6%2017h3l2-4V7H5v6h3zm8%200h3l2-4V7h-6v6h3z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .button_group button.icon.heading-1::before,trix-toolbar .button_group input.icon.heading-1[type=button]::before{background-image:url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12%209v3H9v7H6v-7H3V9h9zM8%204h14v3h-6v12h-3V7H8V4z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .button_group button.icon.code::before,trix-toolbar .button_group input.icon.code[type=button]::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.2%2012L15%2015.2l1.4%201.4L21%2012l-4.6-4.6L15%208.8l3.2%203.2zM5.8%2012L9%208.8%207.6%207.4%203%2012l4.6%204.6L9%2015.2%205.8%2012z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .button_group button.icon.bullets::before,trix-toolbar .button_group input.icon.bullets[type=button]::before{background-image:url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%204a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm4%203h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .button_group button.icon.numbers::before,trix-toolbar .button_group input.icon.numbers[type=button]::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .button_group button.icon.undo::before,trix-toolbar .button_group input.icon.undo[type=button]::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.5%208c-2.6%200-5%201-6.9%202.6L2%207v9h9l-3.6-3.6A8%208%200%200%201%2020%2016l2.4-.8a10.5%2010.5%200%200%200-10-7.2z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .button_group button.icon.redo::before,trix-toolbar .button_group input.icon.redo[type=button]::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.4%2010.6a10.5%2010.5%200%200%200-16.9%204.6L4%2016a8%208%200%200%201%2012.7-3.6L13%2016h9V7l-3.6%203.6z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .button_group button.icon.nesting-level.decrease::before,trix-toolbar .button_group input.icon.nesting-level.decrease[type=button]::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-8.3-.3l2.8%202.9L6%2014.2%204%2012l2-2-1.4-1.5L1%2012l.7.7zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .button_group button.icon.nesting-level.increase::before,trix-toolbar .button_group input.icon.nesting-level.increase[type=button]::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-6.9-1L1%2014.2l1.4%201.4L6%2012l-.7-.7-2.8-2.8L1%209.9%203.1%2012zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .button_group button.icon.active::before,trix-toolbar .button_group input.icon.active[type=button]::before{opacity:1}trix-toolbar .button_group button.icon:disabled::before,trix-toolbar .button_group input.icon[type=button]:disabled::before{opacity:0.125}trix-toolbar .button_group button:not(.icon),trix-toolbar .button_group input[type=button]:not(.icon){font-size:0.75em;font-weight:600;white-space:nowrap;padding:0 0.5em;color:rgba(0,0,0,0.6)}@media (max-device-width: 768px){trix-toolbar .button_group button:not(.icon),trix-toolbar .button_group input[type=button]:not(.icon){letter-spacing:-0.01em;padding:0 0.3em}}trix-toolbar .button_group button.active:not(.icon),trix-toolbar .button_group input.active[type=button]:not(.icon){color:black}trix-toolbar .button_group button:not(.icon):disabled,trix-toolbar .button_group input[type=button]:not(.icon):disabled{color:rgba(0,0,0,0.125)}trix-toolbar .dialogs{position:relative}trix-toolbar .dialogs .dialog{position:absolute;top:0;left:0;right:0;font-size:0.75em;padding:15px 10px;background:#fff;box-shadow:0 0.3em 1em #ccc;border-top:2px solid #888;border-radius:5px;z-index:5}trix-toolbar .dialogs .dialog input{font-size:inherit;font-weight:normal}trix-toolbar .dialogs .dialog input[type=url],trix-toolbar .dialogs .dialog input[type=text]{padding:0.5em 0.8em;margin:0 10px 0 0;border-radius:3px;border:1px solid #bbb;background-color:#fff;box-shadow:none;outline:none;-webkit-appearance:none;-moz-appearance:none}trix-toolbar .dialogs .dialog input.validate[type=url]:invalid,trix-toolbar .dialogs .dialog input.validate[type=text]:invalid{box-shadow:#F00 0px 0px 1.5px 1px}trix-toolbar .dialogs .dialog .button_group input[type=button]{font-size:inherit;padding:0.5em;border-bottom:none}trix-toolbar .dialogs .dialog.link_dialog{max-width:600px}trix-toolbar .dialogs .dialog.link_dialog .link_url_fields{display:flex;align-items:baseline}trix-toolbar .dialogs .dialog.link_dialog .link_url_fields input[type=url]{flex:1}trix-toolbar .dialogs .dialog.link_dialog .link_url_fields .button_group{flex:0 0 content;margin:0}trix-editor [data-trix-mutable=true]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}trix-editor [data-trix-mutable=true] ::-moz-selection{background:none}trix-editor [data-trix-mutable=true] img{box-shadow:0 0 0 2px highlight}trix-editor .attachment.attachment-file[data-trix-mutable=true]{box-shadow:0 0 0 2px highlight;border-color:transparent}trix-editor .attachment:hover{cursor:default}trix-editor .attachment.attachment-preview .caption:hover{cursor:text}trix-editor .attachment button.remove{cursor:pointer}trix-editor .attachment button.remove.icon{text-indent:-9999px;display:block;position:absolute;z-index:1;padding:0;margin:0;top:-1.1em;left:calc(50% - 0.8em);width:1.8em;height:1.8em;line-height:1.8em;border-radius:50%;text-indent:-9999px;background-color:#fff;border:2px solid highlight;box-shadow:1px 1px 6px rgba(0,0,0,0.25)}trix-editor .attachment button.remove.icon::before{display:inline-block;position:absolute;top:0.1em;right:0.1em;bottom:0.1em;left:0.1em;opacity:0.75;content:"";background-image:url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.4L17.6%205%2012%2010.6%206.4%205%205%206.4l5.6%205.6L5%2017.6%206.4%2019l5.6-5.6%205.6%205.6%201.4-1.4-5.6-5.6z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E);background-position:center;background-repeat:no-repeat;background-size:contain}trix-editor .attachment button.remove:hover{border-color:#333}trix-editor .attachment button.remove:hover::before{opacity:1}trix-editor .attachment .caption.caption-editing textarea{display:inline-block;width:100%;margin:0;padding:0;font-size:inherit;font-family:inherit;line-height:inherit;color:inherit;text-align:center;vertical-align:top;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none}trix-editor .attachment progress{position:absolute;z-index:1;height:20px;top:calc(50% - 10px);left:5%;width:90%;opacity:0.9}.trix-content{line-height:1.5}.trix-content h1{font-size:1.2em;line-height:1.2;margin:0}.trix-content blockquote{margin:0 0 0 0.3em;padding:0 0 0 0.6em;border-left:0.3em solid #ccc}.trix-content pre{font-family:monospace;font-size:0.9em;margin:0;padding:0.5em;white-space:pre;background-color:#eee;overflow-x:auto}.trix-content ul,.trix-content ol,.trix-content li{margin:0;padding:0}.trix-content ul li,.trix-content ol li,.trix-content li li{margin-left:1em}.trix-content img{max-width:100%;height:auto}.trix-content a[data-trix-attachment]{color:inherit;text-decoration:none}.trix-content a[data-trix-attachment]:hover,.trix-content a[data-trix-attachment]:visited:hover{color:inherit}.trix-content .attachment{display:inline-block;position:relative;max-width:100%;margin:0;padding:0}.trix-content .attachment .caption{padding:0;text-align:center}.trix-content .attachment .caption .size:before{content:' · '}.trix-content .attachment.attachment-preview{width:100%;text-align:center}.trix-content .attachment.attachment-preview .caption{color:#666;font-size:0.9em;line-height:1.2}.trix-content .attachment.attachment-file{color:#333;line-height:1;margin:0 2px 2px 0;padding:0.4em 1em;border:1px solid #bbb;border-radius:5px}