.dashboard-main{padding:40px 0}.dashboard-header{margin-bottom:40px}.dashboard-header h1{font-size:32px;color:var(--dark-blue);margin-bottom:10px;font-weight:700}.dashboard-header p{color:var(--text-secondary);font-size:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:var(--white);border-radius:8px;padding:25px;border:1px solid var(--border-color);text-align:center;transition:all .3s ease;cursor:pointer}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:50px;height:50px;background:var(--primary-blue);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:20px;margin:0 auto 15px}.stat-number{font-size:28px;font-weight:700;color:var(--primary-blue);margin-bottom:5px}.stat-label{color:var(--text-secondary);font-size:14px;font-weight:500}.admin-tabs{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap;border-bottom:1px solid var(--border-color);padding-bottom:15px}.tab-btn{padding:12px 24px;background:var(--white);border:1px solid var(--border-color);border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.tab-btn.active{background:var(--primary-blue);color:var(--white);border-color:var(--primary-blue)}.tab-btn:hover:not(.active){border-color:var(--primary-blue);color:var(--primary-blue)}.tab-content{display:block}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-title{font-size:20px;font-weight:700;color:var(--dark-blue);display:flex;align-items:center;gap:10px}.admin-card{background:var(--white);border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);margin-bottom:25px;overflow:hidden}.card-header{padding:20px 25px;background:var(--light-gray);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.card-title{font-size:18px;font-weight:600;color:var(--dark-blue)}.card-body{padding:25px}.btn{padding:10px 20px;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;gap:8px;text-decoration:none}.btn-primary{background:var(--primary-red);color:var(--white)}.btn-primary:hover{background:#b91c1c;transform:translateY(-2px)}.btn-secondary{background:var(--white);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--light-gray);border-color:var(--text-secondary)}.btn-success{background:var(--success);color:var(--white)}.btn-success:hover{background:#059669}.btn-warning{background:var(--warning);color:var(--white)}.btn-warning:hover{background:#d97706}.btn-danger{background:var(--danger);color:var(--white)}.btn-danger:hover{background:#dc2626}.btn-info{background:var(--primary-blue);color:var(--white)}.btn-info:hover{background:#1e3a8a}.btn-sm{padding:6px 12px;font-size:12px}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{background:var(--light-gray);border-color:var(--primary-blue);color:var(--primary-blue)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:25px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-label{font-weight:500;color:var(--text-primary);margin-bottom:8px;font-size:14px;display:flex;align-items:center;gap:5px}.form-label .required{color:var(--primary-red)}.form-input,.form-select,.form-textarea{padding:12px 15px;border:1px solid var(--border-color);border-radius:6px;font-family:Inter,sans-serif;font-size:14px;color:var(--text-primary);transition:all .3s ease;background:var(--white)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #1e40af1a}.form-textarea{resize:vertical;min-height:100px}.form-actions{display:flex;justify-content:flex-end;gap:15px;padding-top:20px;border-top:1px solid var(--border-color)}.form-section{background:var(--light-gray);border-radius:8px;padding:20px;margin-bottom:20px}.form-section-title{font-weight:600;color:var(--text-primary);margin-bottom:15px;font-size:16px;display:flex;align-items:center;gap:8px}.file-upload{border:2px dashed var(--border-color);border-radius:8px;padding:30px;text-align:center;transition:all .3s ease;cursor:pointer}.file-upload:hover{border-color:var(--primary-blue);background:var(--light-gray)}.file-upload-icon{font-size:48px;color:var(--text-secondary);margin-bottom:15px}.file-upload-text{color:var(--text-primary);margin-bottom:10px;font-weight:500}.file-upload-hint{color:var(--text-secondary);font-size:12px;margin-bottom:15px}.file-input{display:none}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--success)}input:checked+.toggle-slider:before{transform:translate(26px)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:var(--white);border-radius:16px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:25px 30px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:20px;font-weight:700;color:var(--dark-blue)}.close-modal{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:5px;transition:all .3s ease}.close-modal:hover{color:var(--primary-red);transform:rotate(90deg)}.modal-body{padding:25px 30px}.table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--border-color)}.data-table{width:100%;border-collapse:collapse;background:var(--white)}.data-table th{background:var(--light-gray);padding:15px 20px;text-align:left;font-weight:600;color:var(--text-primary);font-size:14px;border-bottom:1px solid var(--border-color)}.data-table td{padding:15px 20px;border-bottom:1px solid var(--border-color);font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background:#1e40af08}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-active{background:#d1fae5;color:#065f46}.status-inactive{background:#fef3c7;color:#92400e}.status-pending{background:#dbeafe;color:#1e40af}.status-suspended{background:#fecaca;color:#991b1b}.action-buttons{display:flex;gap:8px}.categories-table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--border-color)}.categories-table{width:100%;border-collapse:collapse;background:var(--white)}.categories-table th{background:var(--light-gray);padding:15px 20px;text-align:left;font-weight:600;color:var(--text-primary);font-size:14px;border-bottom:1px solid var(--border-color)}.categories-table td{padding:15px 20px;border-bottom:1px solid var(--border-color);font-size:14px}.categories-table tr:last-child td{border-bottom:none}.categories-table tr:hover{background:#1e40af08}.category-name{font-weight:600;color:var(--text-primary)}.search-box{display:flex;align-items:center;gap:10px}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:15px 0;border-top:1px solid var(--border-color)}.pagination-info{color:var(--text-secondary);font-size:14px}.pagination-controls{display:flex;gap:8px;align-items:center}.pagination-btn{padding:8px 12px;border:1px solid var(--border-color);background:var(--white);border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:14px;display:flex;align-items:center;gap:5px}.pagination-btn:hover:not(:disabled){background:var(--primary-blue);color:var(--white);border-color:var(--primary-blue)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;gap:4px}.page-number{padding:8px 12px;border:1px solid var(--border-color);background:var(--white);border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:14px;min-width:40px;text-align:center}.page-number.active{background:var(--primary-blue);color:var(--white);border-color:var(--primary-blue)}.page-number:hover:not(.active){background:var(--light-gray)}.form-help{color:var(--text-secondary);font-size:12px;margin-top:5px}.required{color:var(--primary-red)}.equivalent-products{margin-top:20px}.equivalent-item{display:flex;align-items:center;gap:15px;padding:15px;border:1px solid var(--border-color);border-radius:6px;margin-bottom:10px;background:var(--white)}.equivalent-name{font-weight:600;margin-bottom:5px}.equivalent-ref{color:var(--text-secondary);font-size:12px}@media(max-width:768px){.data-table th,.data-table td,.categories-table th,.categories-table td{padding:10px 15px;font-size:12px}.action-buttons{flex-direction:column}.pagination{flex-direction:column;gap:15px;text-align:center}.pagination-controls{flex-wrap:wrap;justify-content:center}.modal-content{width:95%;margin:20px}.form-grid{grid-template-columns:1fr}}@media(max-width:480px){.data-table{font-size:11px}.btn-sm{padding:4px 8px;font-size:11px}.modal-body{padding:15px 20px}.form-section{padding:15px}}@media(max-width:768px){.admin-tabs{flex-direction:column}.form-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.action-buttons{flex-direction:column}.section-header{flex-direction:column;gap:15px;align-items:flex-start}.container{padding:0 20px}.pagination{flex-direction:column;gap:15px}}.image-upload-container{margin-bottom:20px}.image-upload-preview{width:100%;height:200px;border:2px dashed var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden;margin-bottom:10px}.image-upload-preview:hover{border-color:var(--primary-blue)}.image-upload-placeholder{text-align:center;color:var(--text-secondary)}.image-upload-placeholder i{font-size:48px;margin-bottom:10px;display:block;color:#cbd5e1}.image-upload-placeholder span{display:block;font-size:14px}.image-upload-overlay{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s ease}.image-upload-overlay i{font-size:32px;margin-bottom:8px}.image-upload-overlay span{font-size:14px}.image-upload-preview:hover .image-upload-overlay{opacity:1}.image-upload-info{text-align:center;color:var(--text-secondary);font-size:12px}.form-hint{color:var(--text-secondary);font-size:12px;margin-top:5px;line-height:1.4}.form-input-color{width:60px;height:40px;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;padding:0}.icon-selector{display:flex;align-items:center;gap:10px}.icon-preview{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--light-gray);border-radius:6px;border:1px solid var(--border-color)}.icon-preview i{font-size:20px;color:var(--text-primary)}.compact-form .form-grid{grid-template-columns:1fr;gap:15px}.compact-form .form-group{margin-bottom:0}.required{color:var(--primary-red);font-weight:700}.equivalents-container{width:100%}.equivalents-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:15px}.equivalents-search-section{margin-bottom:25px}.search-input-container{position:relative;margin-bottom:20px}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:16px}.search-input{width:100%;padding:12px 15px 12px 45px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-primary);transition:all .3s ease;background:var(--white)}.search-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #1e40af1a}.search-input::placeholder{color:var(--text-secondary)}.separator{position:relative;text-align:center;margin:20px 0}.separator-line{border:none;border-top:1px solid var(--border-color);margin:0}.search-results{margin-top:20px}.results-count{font-size:14px;color:var(--text-secondary);margin-bottom:15px;font-weight:500}.equivalents-list{display:flex;flex-direction:column;gap:15px}.equivalent-item{display:flex;align-items:center;justify-content:space-between;padding:15px;background:var(--white);border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease}.equivalent-item:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-sm)}.equivalent-info{flex:1}.equivalent-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:5px}.equivalent-details{display:flex;gap:20px;align-items:center}.equivalent-ref{font-size:13px;color:var(--text-secondary);background:var(--light-gray);padding:3px 8px;border-radius:4px;font-family:Consolas,Monaco,monospace}.equivalent-price{font-size:14px;font-weight:600;color:var(--primary-blue)}.add-equivalent-btn{white-space:nowrap;padding:8px 16px}.add-equivalent-btn i{margin-right:5px}.no-results{text-align:center;padding:40px 20px;color:var(--text-secondary)}.no-results i{font-size:48px;margin-bottom:15px;color:#cbd5e1}.no-results p{font-size:16px;margin-bottom:10px}.selected-equivalents{margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color)}.selected-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.selected-title{font-size:16px;font-weight:600;color:var(--text-primary)}.selected-count{font-size:14px;color:var(--text-secondary);background:var(--light-gray);padding:4px 12px;border-radius:20px}.selected-list{display:flex;flex-direction:column;gap:10px}.selected-item{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background:var(--light-gray);border-radius:8px;border:1px solid var(--border-color)}.selected-item-info{flex:1}.selected-item-name{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:3px}.selected-item-ref{font-size:12px;color:var(--text-secondary);font-family:Consolas,Monaco,monospace}.remove-equivalent-btn{padding:5px 10px;min-width:auto}.remove-equivalent-btn i{margin:0}.no-equivalents{text-align:center;padding:40px 20px;background:var(--light-gray);border-radius:8px;border:2px dashed var(--border-color);margin-top:20px}.no-equivalents-content i{font-size:48px;color:#cbd5e1;margin-bottom:15px}.no-equivalents-content p{font-size:16px;color:var(--text-primary);margin-bottom:10px;font-weight:500}.no-equivalents-content small{color:var(--text-secondary);font-size:14px}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.equivalents-modal-content{width:90%;max-width:800px;max-height:90vh;background-color:var(--white);border-radius:12px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;background-color:var(--white);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10}.modal-title{font-size:1.25rem;font-weight:700;color:var(--dark-blue);display:flex;align-items:center;margin:0}.product-reference{color:var(--primary-blue);font-weight:600;margin-left:8px;background:var(--light-gray);padding:4px 8px;border-radius:4px;font-size:.9rem}.close-modal{background:none;border:none;font-size:1.25rem;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.close-modal:hover{color:var(--primary-red);background-color:#dc26261a;transform:rotate(90deg)}.modal-body{padding:25px;overflow-y:auto;flex:1}.search-section{margin-bottom:30px}.search-box{margin-bottom:20px}.search-input-container{position:relative;display:flex;align-items:center;background:var(--white);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .3s ease}.search-input-container:focus-within{border-color:var(--primary-blue);box-shadow:0 0 0 3px #1e40af1a}.search-icon{position:absolute;left:15px;color:var(--text-secondary);font-size:16px}.search-loading{position:absolute;right:15px;color:var(--primary-blue);font-size:16px}.search-input{width:100%;padding:14px 45px;border:none;background:transparent;font-size:.95rem;color:var(--text-primary);outline:none}.search-input::placeholder{color:var(--text-secondary);opacity:.7}.search-input:disabled{background-color:var(--light-gray);cursor:not-allowed}.loading-state,.search-help,.no-results,.empty-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center;color:var(--text-secondary);background:var(--light-gray);border-radius:8px;border:2px dashed var(--border-color);margin-top:15px}.loading-state i,.search-help i,.no-results i,.empty-selected i{font-size:3rem;margin-bottom:16px;color:var(--text-secondary);opacity:.5}.loading-state span,.search-help p,.no-results p,.empty-selected p{font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:8px}.search-help small,.empty-selected small{font-size:.85rem;color:var(--text-secondary);max-width:400px;line-height:1.4}.search-results-section{margin-top:25px}.results-header{margin-bottom:20px}.results-header h3{font-size:1.1rem;font-weight:700;color:var(--dark-blue);margin:0 0 5px;display:flex;align-items:center;gap:8px}.results-header small{color:var(--text-secondary);font-size:.85rem}.results-list{display:flex;flex-direction:column;gap:12px;max-height:350px;overflow-y:auto;padding-right:8px;margin-bottom:10px}.result-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background-color:var(--white);border:1px solid var(--border-color);border-radius:10px;transition:all .3s ease;position:relative}.result-item:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.result-item.already-added{background-color:#10b9810d;border-color:#10b98133}.result-item-info{flex:1;min-width:0;margin-right:15px}.result-item-main{display:flex;flex-direction:column;margin-bottom:8px}.result-item-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-item-reference{font-size:.85rem;color:var(--primary-blue);font-weight:500;background:var(--light-gray);padding:2px 8px;border-radius:4px;display:inline-block;font-family:Consolas,Monaco,monospace}.result-item-details{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.result-item-category{color:var(--text-secondary);font-size:.85rem;background:#1e40af14;padding:4px 10px;border-radius:20px;font-weight:500}.result-item-price{color:var(--success);font-size:1rem;font-weight:700}.result-item button{min-width:100px;white-space:nowrap;flex-shrink:0}.btn-check{background-color:var(--success)!important;color:#fff!important;border-color:var(--success)!important}.btn-check:hover:not(:disabled){background-color:#059669!important;border-color:#059669!important}.selected-section{margin-top:30px;border-top:1px solid var(--border-color);padding-top:25px}.selected-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.selected-header h3{font-size:1.1rem;font-weight:700;color:var(--dark-blue);margin:0;display:flex;align-items:center;gap:8px}.selected-count{color:var(--primary-blue);font-weight:600;background:var(--light-gray);padding:4px 12px;border-radius:20px;font-size:.9rem;margin-left:8px}.selected-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto;padding-right:8px;margin-bottom:10px}.selected-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#1e40af0d,#1e40af05);border:2px solid rgba(30,64,175,.1);border-radius:10px;transition:all .3s ease}.selected-item:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-sm)}.selected-item-info{flex:1;min-width:0;margin-right:15px}.selected-item-main{display:flex;flex-direction:column;margin-bottom:8px}.selected-item-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-item-reference{font-size:.85rem;color:var(--primary-blue);font-weight:500;background:#fffc;padding:2px 8px;border-radius:4px;display:inline-block;font-family:Consolas,Monaco,monospace}.selected-item-details{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.selected-item-price{color:var(--success);font-size:1rem;font-weight:700}.selected-item-category{color:var(--text-secondary);font-size:.85rem;background:var(--white);padding:4px 10px;border-radius:20px;font-weight:500;border:1px solid var(--border-color)}.remove-btn{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.remove-btn:hover{background-color:var(--primary-red)!important;color:#fff!important;border-color:var(--primary-red)!important}.modal-actions{display:flex;justify-content:flex-end;gap:15px;padding-top:25px;border-top:1px solid var(--border-color);margin-top:25px;position:sticky;bottom:0;background:var(--white);z-index:10}.btn-danger{background:var(--primary-red)!important;color:#fff!important;border:1px solid var(--primary-red)!important}.btn-danger:hover:not(:disabled){background:#b91c1c!important;border-color:#b91c1c!important;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.btn-danger:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #dc26264d}.btn-outline.btn-danger-outline{color:var(--primary-red)!important;border:1px solid var(--primary-red)!important;background:transparent!important}.btn-outline.btn-danger-outline:hover:not(:disabled){background:#dc26261a!important;color:#b91c1c!important;border-color:#b91c1c!important}.results-list::-webkit-scrollbar,.selected-list::-webkit-scrollbar{width:8px}.results-list::-webkit-scrollbar-track,.selected-list::-webkit-scrollbar-track{background:var(--light-gray);border-radius:4px}.results-list::-webkit-scrollbar-thumb,.selected-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.results-list::-webkit-scrollbar-thumb:hover,.selected-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.mr-2{margin-right:.5rem}.already-added .result-item-name:after{content:" ✓";color:var(--success);font-weight:700;margin-left:5px}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.result-item,.selected-item{animation:slideIn .3s ease}.result-item.removing,.selected-item.removing{animation:slideOut .3s ease;animation-fill-mode:forwards}@media(max-width:768px){.equivalents-modal-content{width:95%;max-height:95vh}.modal-header{padding:15px 20px}.modal-body{padding:20px}.modal-title{font-size:1.1rem}.result-item,.selected-item{flex-direction:column;align-items:flex-start;gap:15px;padding:15px}.result-item-info,.selected-item-info{margin-right:0;width:100%}.result-item button,.remove-btn{width:100%}.selected-header,.results-header{flex-direction:column;align-items:flex-start;gap:10px}.selected-header .btn,.results-header h3{width:100%;text-align:left}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}.result-item-details,.selected-item-details{flex-direction:column;align-items:flex-start;gap:8px}.search-input{padding:12px 40px}}@media(max-width:480px){.modal-header{flex-direction:column;align-items:flex-start;gap:10px}.close-modal{position:absolute;top:10px;right:10px}.product-reference{display:block;margin:8px 0 0;width:fit-content}.results-list,.selected-list{max-height:250px}}.btn:disabled,.search-input:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.search-input:focus,.btn:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.btn,.result-item,.selected-item,.search-input-container,.close-modal{transition:all .3s cubic-bezier(.4,0,.2,1)}.price-badge{display:inline-flex;align-items:center;gap:4px;background:#10b9811a;color:var(--success);padding:4px 10px;border-radius:20px;font-weight:600;font-size:.9rem}.price-badge:before{content:"TND";font-size:.75rem;opacity:.7;font-weight:500}.result-item,.selected-item{border-left:4px solid var(--primary-blue)}.result-item.already-added{border-left-color:var(--success)}.result-item:hover .result-item-name,.selected-item:hover .selected-item-name{color:var(--primary-blue)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-spin{animation:spin 1s linear infinite}.equivalents-modal-content{box-shadow:0 20px 60px #0000004d}.badge{margin-left:8px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800}.badge-promo-qty{background:#fee2e2;color:#dc2626}.badge-promo-percent{background:#dbeafe;color:#1e40af}.hero[data-v-21186fd9]{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--dark-blue) 100%);color:var(--white);padding:100px 0;position:relative;overflow:hidden}.hero[data-v-21186fd9]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(220,38,38,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(220,38,38,.05) 0%,transparent 50%)}.hero-content[data-v-21186fd9]{position:relative;z-index:1;max-width:600px}.hero-badge[data-v-21186fd9]{display:inline-block;background:#dc262626;color:var(--white);padding:6px 16px;border-radius:4px;font-size:11px;font-weight:600;margin-bottom:20px;border:1px solid rgba(220,38,38,.2);letter-spacing:.5px}.hero h1[data-v-21186fd9]{font-size:42px;margin-bottom:20px;line-height:1.2;font-weight:700;letter-spacing:-.5px}.hero-description[data-v-21186fd9]{font-size:16px;margin-bottom:35px;opacity:.9;font-weight:400;line-height:1.6}.cta-buttons[data-v-21186fd9]{display:flex;gap:12px;flex-wrap:wrap}.btn[data-v-21186fd9]{padding:12px 32px;border-radius:4px;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;border:none;cursor:pointer;font-size:14px}.btn-primary[data-v-21186fd9]{background:var(--primary-red);color:var(--white);border:1px solid var(--primary-red)}.btn-primary[data-v-21186fd9]:hover{background:transparent;color:var(--primary-red)}.btn-secondary[data-v-21186fd9]{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.3)}.btn-secondary[data-v-21186fd9]:hover{background:#ffffff1a;border-color:#ffffff80}.trust-bar[data-v-21186fd9]{background:var(--white);padding:0;margin-top:-30px;position:relative;z-index:10}.trust-container[data-v-21186fd9]{background:var(--white);border-radius:8px;box-shadow:var(--shadow-lg);padding:30px;border:1px solid var(--border-color)}.trust-items[data-v-21186fd9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.trust-item[data-v-21186fd9]{display:flex;align-items:center;gap:15px}.trust-icon[data-v-21186fd9]{width:50px;height:50px;background:var(--primary-blue);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:20px;flex-shrink:0}.trust-content h3[data-v-21186fd9]{color:var(--primary-blue);font-size:16px;font-weight:700;margin-bottom:2px}.trust-content p[data-v-21186fd9]{color:var(--text-secondary);font-size:12px;font-weight:500}.services-preview[data-v-21186fd9]{padding:80px 0;background:var(--light-gray)}.services-grid[data-v-21186fd9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.service-card[data-v-21186fd9]{background:var(--white);padding:30px;border-radius:8px;box-shadow:var(--shadow-sm);transition:all .3s ease;border:1px solid var(--border-color);position:relative;overflow:hidden}.service-card[data-v-21186fd9]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-blue);transform:scaleX(0);transition:transform .3s ease}.service-card[data-v-21186fd9]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-blue)}.service-card[data-v-21186fd9]:hover:before{transform:scaleX(1)}.service-icon[data-v-21186fd9]{width:60px;height:60px;background:var(--primary-blue);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:24px;margin-bottom:20px}.service-card h3[data-v-21186fd9]{color:var(--primary-blue);font-size:18px;margin-bottom:12px;font-weight:700}.service-card p[data-v-21186fd9]{color:var(--text-secondary);margin-bottom:20px;line-height:1.6;font-size:14px}.b2b-preview[data-v-21186fd9]{background:var(--white);padding:80px 0;position:relative;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.b2b-content[data-v-21186fd9]{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.b2b-content h2[data-v-21186fd9]{font-size:32px;margin-bottom:15px;font-weight:700;letter-spacing:-.3px;color:var(--primary-blue)}.b2b-content>div>p[data-v-21186fd9]{font-size:16px;margin-bottom:25px;color:var(--text-secondary);line-height:1.6}.b2b-features[data-v-21186fd9]{list-style:none;margin-bottom:25px}.b2b-features li[data-v-21186fd9]{padding:12px 0 12px 30px;position:relative;font-size:14px;font-weight:500;color:var(--text-primary)}.b2b-features li[data-v-21186fd9]:before{content:"✓";position:absolute;left:0;color:var(--primary-red);font-weight:700;font-size:16px;width:20px;height:20px;background:#dc26261a;border-radius:50%;display:flex;align-items:center;justify-content:center}.b2b-visual[data-v-21186fd9]{width:100%;height:400px;background:linear-gradient(135deg,var(--primary-blue),var(--dark-blue));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:600;flex-direction:column;text-align:center;padding:20px}.b2b-visual i[data-v-21186fd9]{font-size:48px;margin-bottom:20px;display:block}.b2b-visual h3[data-v-21186fd9]{font-size:24px;margin-bottom:10px;color:#fff}.b2b-visual p[data-v-21186fd9]{color:#ffffffe6;font-size:16px}.brands-section[data-v-21186fd9]{padding:80px 0;background:var(--white);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);overflow:hidden;position:relative}.brands-container[data-v-21186fd9]{position:relative;width:100%;overflow:hidden}.brands-scroll[data-v-21186fd9]{display:flex;align-items:center;gap:70px;animation:scrollBrands-21186fd9 40s linear infinite;padding:40px 0}.brand-logo-item[data-v-21186fd9]{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:20px 30px;transition:all .3s ease;min-height:100px}.brand-logo-item[data-v-21186fd9]:hover{transform:translateY(-5px)}.brand-logo-img.natural-size[data-v-21186fd9]{max-width:180px;max-height:90px;width:auto;height:auto;object-fit:contain;transition:all .3s ease}.brand-logo-item:hover .brand-logo-img[data-v-21186fd9]{opacity:.85;transform:scale(1.08)}@keyframes scrollBrands-21186fd9{0%{transform:translate(0)}to{transform:translate(-2560px)}}.brands-container[data-v-21186fd9]:before,.brands-container[data-v-21186fd9]:after{content:"";position:absolute;top:0;bottom:0;width:200px;z-index:2;pointer-events:none}.brands-container[data-v-21186fd9]:before{left:0;background:linear-gradient(to right,var(--white) 0%,transparent 100%)}.brands-container[data-v-21186fd9]:after{right:0;background:linear-gradient(to left,var(--white) 0%,transparent 100%)}.newsletter h2[data-v-21186fd9]{margin-bottom:15px;font-size:32px}.newsletter p[data-v-21186fd9]{margin-bottom:30px;opacity:.9}.section-title[data-v-21186fd9]{text-align:center;margin-bottom:50px}.section-badge[data-v-21186fd9]{display:inline-block;background:#dc262614;color:var(--primary-red);padding:6px 16px;border-radius:4px;font-size:11px;font-weight:700;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.section-title h2[data-v-21186fd9]{font-size:32px;color:var(--primary-blue);margin-bottom:15px;font-weight:700;letter-spacing:-.3px}.section-description[data-v-21186fd9]{font-size:16px;color:var(--text-secondary);font-weight:400;max-width:600px;margin:0 auto;line-height:1.6}.fade-in[data-v-21186fd9]{opacity:0;transform:translateY(30px);transition:all .6s ease}.fade-in.visible[data-v-21186fd9]{opacity:1;transform:translateY(0)}@media(max-width:1024px){.b2b-content[data-v-21186fd9]{gap:40px}.brands-scroll[data-v-21186fd9]{gap:50px;animation-duration:35s;padding:25px 0}}@media(max-width:768px){.hero h1[data-v-21186fd9]{font-size:28px}.hero-description[data-v-21186fd9]{font-size:14px;padding:0 20px}.section-title h2[data-v-21186fd9]{font-size:24px}.section-description[data-v-21186fd9]{font-size:14px;padding:0 20px}.b2b-content[data-v-21186fd9],.trust-items[data-v-21186fd9],.services-grid[data-v-21186fd9]{grid-template-columns:1fr}.brands-scroll[data-v-21186fd9]{gap:40px;animation-duration:30s;padding:20px 0}.contact-actions .btn[data-v-21186fd9]{width:100%;max-width:300px;justify-content:center}.container[data-v-21186fd9]{padding:0 20px}.hero[data-v-21186fd9],.services-preview[data-v-21186fd9],.b2b-preview[data-v-21186fd9],.brands-section[data-v-21186fd9]{padding:50px 0}.trust-container[data-v-21186fd9]{padding:25px 20px}}@media(max-width:480px){.brands-scroll[data-v-21186fd9]{gap:30px;animation-duration:25s}.b2b-visual[data-v-21186fd9]{height:300px;padding:20px}.b2b-visual i[data-v-21186fd9]{font-size:36px}.b2b-visual h3[data-v-21186fd9]{font-size:20px}.section-badge[data-v-21186fd9],.hero-badge[data-v-21186fd9]{font-size:10px;padding:4px 12px}}[data-v-9a1235f5]{margin:0;padding:0;box-sizing:border-box}[data-v-9a1235f5]:root{--primary-blue: #1e40af;--primary-red: #dc2626;--dark-blue: #0f172a;--light-gray: #f8fafc;--white: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--success: #10b981;--warning: #f59e0b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}header[data-v-9a1235f5]{background:var(--white);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-container[data-v-9a1235f5]{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.logo-container[data-v-9a1235f5]{display:flex;align-items:center;gap:12px}.logo-link[data-v-9a1235f5]{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-text[data-v-9a1235f5]{display:flex;flex-direction:column}.brand-name[data-v-9a1235f5]{font-size:18px;font-weight:800;color:var(--primary-blue);letter-spacing:-.3px;line-height:1}.brand-tagline[data-v-9a1235f5]{font-size:10px;color:var(--text-secondary);font-weight:500;margin-top:1px;letter-spacing:.3px}nav ul[data-v-9a1235f5]{display:flex;list-style:none;gap:40px;align-items:center;margin:0;padding:0}nav ul li a[data-v-9a1235f5]:not(.btn-header):not(.btn-b2b){color:var(--text-primary);text-decoration:none;font-weight:500;font-size:14px;transition:all .3s ease;position:relative;display:block}nav ul li a[data-v-9a1235f5]:not(.btn-header):not(.btn-b2b):hover{color:var(--primary-red)}nav ul li a[data-v-9a1235f5]:not(.btn-header):not(.btn-b2b):after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:2px;background:var(--primary-red);transition:width .3s ease}nav ul li a[data-v-9a1235f5]:not(.btn-header):not(.btn-b2b):hover:after,nav ul li a:not(.btn-header):not(.btn-b2b).active[data-v-9a1235f5]:after{width:100%}nav ul li a:not(.btn-header):not(.btn-b2b).active[data-v-9a1235f5]{color:var(--primary-red);font-weight:600}.btn-b2b[data-v-9a1235f5]{background:var(--primary-red);color:var(--white);padding:10px 24px;border-radius:4px;font-weight:600;font-size:13px;transition:all .3s ease;border:1px solid var(--primary-red);text-decoration:none;display:block}.btn-b2b[data-v-9a1235f5]:hover,.btn-b2b.active[data-v-9a1235f5]{background:transparent;color:var(--primary-red)}.btn-header[data-v-9a1235f5]{background:transparent;color:var(--text-primary);padding:8px 16px;border-radius:4px;text-decoration:none;font-weight:500;font-size:13px;transition:all .3s ease;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;position:relative}.btn-header[data-v-9a1235f5]:hover,.btn-header.active[data-v-9a1235f5]{background:var(--primary-red);color:var(--white)}.notification-link[data-v-9a1235f5]{position:relative}.notification-count[data-v-9a1235f5]{background:var(--primary-red);color:#fff;padding:2px 6px;border-radius:50%;font-size:11px;font-weight:600;position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;animation:pulse-9a1235f5 2s infinite;border:2px solid var(--white)}.notification-link.has-notifications .notification-count[data-v-9a1235f5]{animation:pulse-9a1235f5 1.5s infinite}.notification-link.has-notifications[data-v-9a1235f5]{animation:bounce-9a1235f5 .5s ease}@keyframes pulse-9a1235f5{0%{box-shadow:0 0 #dc2626b3}70%{box-shadow:0 0 0 5px #dc262600}to{box-shadow:0 0 #dc262600}}@keyframes bounce-9a1235f5{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.logout-btn[data-v-9a1235f5]{background:var(--primary-red);color:var(--white);padding:8px 16px;border-radius:4px;text-decoration:none;font-weight:500;font-size:13px;transition:all .3s ease;border:none;cursor:pointer;display:flex;align-items:center;gap:6px}.logout-btn[data-v-9a1235f5]:hover{background:#b91c1c}.cart-count[data-v-9a1235f5]{background:var(--primary-red);color:#fff;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600;margin-left:5px}.container[data-v-9a1235f5]{max-width:1400px;margin:0 auto;padding:0 25px}.mobile-menu-btn[data-v-9a1235f5]{display:none;background:transparent;border:none;cursor:pointer;font-size:22px;color:#000;padding:10px;border-radius:8px;transition:background .2s ease,transform .2s ease;margin-left:auto}.mobile-menu-btn[data-v-9a1235f5]:hover{background:#f1f5f9;transform:scale(1.05)}.mobile-menu-btn svg[data-v-9a1235f5]{color:#000;fill:#000}.mobile-menu-btn i[data-v-9a1235f5]{color:#000;font-size:24px}.mobile-menu-btn[data-v-9a1235f5]:active{transform:scale(.95)}@media(max-width:768px){.mobile-menu-btn[data-v-9a1235f5]{display:block}nav ul[data-v-9a1235f5]{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);flex-direction:column;padding:20px;box-shadow:var(--shadow-lg);gap:15px;border-top:1px solid var(--border-color)}nav ul.active[data-v-9a1235f5]{display:flex}.container[data-v-9a1235f5]{padding:0 20px}.btn-b2b[data-v-9a1235f5],.btn-header[data-v-9a1235f5],.logout-btn[data-v-9a1235f5]{text-align:center;padding:12px 20px;justify-content:center;width:100%}.notification-link .notification-count[data-v-9a1235f5]{position:relative;top:0;right:0;margin-left:8px}}@media(max-width:480px){nav ul[data-v-9a1235f5]{gap:10px}.btn-header[data-v-9a1235f5]{padding:10px 12px;font-size:12px}.notification-count[data-v-9a1235f5],.cart-count[data-v-9a1235f5]{font-size:10px;padding:1px 4px;min-width:16px;height:16px}}footer[data-v-9ee4b2e2]{background:var(--dark-blue);color:var(--white);padding:60px 0 25px}.footer-content[data-v-9ee4b2e2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:50px;margin-bottom:50px}.footer-section h3[data-v-9ee4b2e2]{margin-bottom:25px;color:var(--primary-red);font-size:18px;font-weight:700}.footer-section p[data-v-9ee4b2e2]{opacity:.8;line-height:1.7;font-size:15px}.footer-section ul[data-v-9ee4b2e2]{list-style:none;padding-left:0}.footer-section ul li[data-v-9ee4b2e2]{margin-bottom:12px;display:flex;align-items:center;gap:10px;font-size:14px}.footer-section a[data-v-9ee4b2e2]{color:var(--white);text-decoration:none;opacity:.7;transition:all .3s ease;font-weight:400;font-size:14px}.footer-section a[data-v-9ee4b2e2]:hover{opacity:1;color:var(--primary-red);padding-left:5px}.footer-bottom[data-v-9ee4b2e2]{border-top:1px solid rgba(255,255,255,.1);padding-top:25px;text-align:center;opacity:.6;font-size:14px}.footer-bottom p[data-v-9ee4b2e2]{font-size:14px}@media(max-width:768px){.footer-content[data-v-9ee4b2e2]{grid-template-columns:1fr;gap:40px}footer[data-v-9ee4b2e2]{padding:50px 0 25px}.footer-section h3[data-v-9ee4b2e2]{font-size:17px;margin-bottom:20px}.footer-section p[data-v-9ee4b2e2],.footer-section a[data-v-9ee4b2e2],.footer-section ul li[data-v-9ee4b2e2]{font-size:14px}}@media(max-width:480px){.footer-content[data-v-9ee4b2e2]{gap:35px}.footer-section h3[data-v-9ee4b2e2]{font-size:16px}}.whatsapp-float[data-v-18cb44a3]{position:fixed;bottom:25px;right:25px;background:#25d366;color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 20px #25d36666;z-index:1000;transition:all .3s ease;text-decoration:none}.whatsapp-float[data-v-18cb44a3]:hover{transform:scale(1.1);box-shadow:0 6px 25px #25d36699}@media(max-width:768px){.whatsapp-float[data-v-18cb44a3]{bottom:80px;right:20px;width:50px;height:50px;font-size:20px}}.back-to-top[data-v-c6ff744c]{position:fixed;bottom:25px;left:25px;background:var(--primary-red);color:#fff;width:50px;height:50px;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:18px;box-shadow:var(--shadow-lg);z-index:1000;transition:all .3s ease;border:none;cursor:pointer}.back-to-top[data-v-c6ff744c]:hover{transform:translateY(-3px);background:#b91c1c}.back-to-top.show[data-v-c6ff744c]{display:flex}@media(max-width:768px){.back-to-top[data-v-c6ff744c]{bottom:20px;left:20px;width:45px;height:45px;font-size:16px}}@media(max-width:480px){.back-to-top[data-v-c6ff744c]{bottom:15px;left:15px;width:40px;height:40px;font-size:14px}}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:100}.skip-link:focus{left:10px;top:10px;width:auto;height:auto;background:#000;color:#fff;padding:10px;text-decoration:none}:root{--primary-blue: #1e40af;--primary-red: #dc2626;--dark-blue: #0f172a;--light-gray: #f8fafc;--white: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--success: #10b981;--warning: #f59e0b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--white);scroll-behavior:smooth;font-weight:400}.container{max-width:1200px;margin:0 auto;padding:0 25px}@media(max-width:768px){.container{padding:0 20px}}.swal2-container{z-index:20000!important}