.distributor-filter-area{background:var(--bg-card,#fff);border-radius:10px;padding:30px;box-shadow:0 2px 10px #00000014}.distributor-filter-area .form-label{color:var(--text-secondary,#666);margin-bottom:8px;font-size:14px;font-weight:600}.distributor-filter-area .form-select,.distributor-filter-area .form-control{border:2px solid var(--border-light,#e0e0e0);border-radius:8px;padding:10px 15px;font-size:14px;transition:all .3s}.distributor-filter-area .form-select:focus,.distributor-filter-area .form-control:focus{border-color:var(--primary-color,#007bff);outline:none;box-shadow:0 0 0 3px #007bff1a}.distributor-filter-area .input-group .btn{border-radius:0 8px 8px 0;padding:10px 20px}.distributor-stats{margin-top:40px}.stat-card{background:var(--bg-card,#fff);border-radius:10px;padding:25px 15px;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 8px #0000000f}.stat-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #0000001a}.stat-number{color:var(--primary-color,#007bff);margin-bottom:10px;font-size:36px;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary,#666);text-transform:uppercase;letter-spacing:.5px;font-size:14px}.distributor-list{margin-top:40px}.distributor-card{background:var(--bg-card,#fff);border-radius:10px;margin-bottom:25px;padding:25px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 2px 10px #00000014}.distributor-card:hover{transform:translateY(-3px);box-shadow:0 5px 25px #0000001f}.distributor-card:before{content:"";background:var(--primary-gradient,linear-gradient(180deg,#007bff,#0056b3));width:4px;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleY(0)}.distributor-card:hover:before{transform:scaleY(1)}.distributor-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.distributor-info h4{color:var(--text-primary,#333);margin-bottom:8px;font-size:18px;font-weight:600}.distributor-info .location{color:var(--text-secondary,#666);align-items:center;gap:8px;font-size:14px;display:flex}.distributor-info .location i{color:var(--primary-color,#007bff)}.distributor-details{margin-bottom:20px}.distributor-description{color:var(--text-secondary,#666);margin-bottom:15px;font-size:14px;line-height:1.6}.detail-row{flex-wrap:wrap;gap:20px;margin-bottom:15px;display:flex}.detail-item{color:var(--text-secondary,#666);align-items:center;gap:8px;font-size:14px;display:flex}.detail-item i{color:var(--primary-color,#007bff);text-align:center;width:20px;font-size:16px}.detail-item a{color:var(--primary-color,#007bff);text-decoration:none;transition:color .3s}.detail-item a:hover{color:var(--primary-hover,#0056b3);text-decoration:underline}.distributor-services{margin-top:15px}.service-tags{flex-wrap:wrap;gap:8px;display:flex}.service-tag{background:var(--bg-light,#f8f9fa);border:1px solid var(--border-light,#e0e0e0);color:var(--text-secondary,#666);border-radius:15px;padding:5px 12px;font-size:12px;display:inline-block}.product-tags{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.product-tag{background:var(--primary-alpha-10,#007bff1a);color:var(--primary-color,#007bff);border-radius:15px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-block}.distributor-actions{border-top:1px solid var(--border-light,#e0e0e0);gap:10px;margin-top:20px;padding-top:20px;display:flex}.distributor-actions .btn{border-radius:8px;flex:1;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.btn-view-details{border:2px solid var(--primary-color,#007bff);color:var(--primary-color,#007bff);background:0 0}.btn-view-details:hover{background:var(--primary-color,#007bff);color:#fff;transform:translateY(-2px)}.btn-contact{background:var(--primary-gradient,linear-gradient(135deg,#007bff,#0056b3));color:#fff;border:none}.btn-contact:hover{transform:translateY(-2px);box-shadow:0 5px 15px #007bff4d}.loading-spinner{padding:60px 0}.spinner-border{border-width:.3rem;width:3rem;height:3rem}.pagination-area{margin-top:40px}.pagination{gap:5px;margin:0;padding-left:0;list-style:none;display:flex}.pagination .page-item{display:list-item}.pagination .page-link{border:2px solid var(--border-light,#e0e0e0);color:var(--text-secondary,#666);background-color:#fff;border-radius:8px;padding:10px 15px;font-weight:500;line-height:1.25;text-decoration:none;transition:all .3s;display:block;position:relative}.pagination .page-link:hover{border-color:var(--primary-color,#007bff);color:var(--primary-color,#007bff);background:var(--primary-alpha-10,#007bff1a);z-index:2;text-decoration:none}.pagination .page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem #007bff40}.pagination .page-item.active .page-link{background:var(--primary-color,#007bff);border-color:var(--primary-color,#007bff);color:#fff;z-index:3}.pagination .page-item.disabled .page-link,.pagination .page-item.disabled span.page-link{color:#6c757d;pointer-events:none;cursor:not-allowed;opacity:.5;background-color:#fff;border-color:#dee2e6}.pagination .page-item:first-child .page-link{margin-left:0}.pagination .page-item:last-child .page-link{margin-right:0}.pagination .page-item.disabled span.page-link{color:#999;background:0 0;border:2px solid #0000;padding:10px 15px;font-weight:500}.benefits-content{padding:40px 0}.benefits-content h3{color:var(--text-primary,#333);margin-bottom:40px;font-size:32px;font-weight:700;position:relative}.benefits-content h3:after{content:"";background:var(--primary-gradient,linear-gradient(90deg,#007bff,#0056b3));border-radius:2px;width:80px;height:4px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.core-benefits{margin-bottom:60px}.benefit-card{background:#fff;border-radius:15px;height:100%;padding:30px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 3px 15px #00000014}.benefit-card:before{content:"";background:var(--primary-gradient,linear-gradient(90deg,#007bff,#0056b3));width:100%;height:4px;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.benefit-card:hover:before{transform:scaleX(1)}.benefit-card:hover{transform:translateY(-8px);box-shadow:0 10px 30px #00000026}.benefit-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;display:flex;position:relative}.benefit-icon i{color:#fff;font-size:32px}.benefit-card h4{color:var(--text-primary,#333);text-align:center;margin-bottom:20px;font-size:20px;font-weight:600}.benefit-details{margin:0;padding:0;list-style:none}.benefit-details li{color:var(--text-secondary,#666);padding:10px 0 10px 25px;font-size:14px;line-height:1.6;position:relative}.benefit-details li:before{content:"✓";color:#28a745;font-weight:700;position:absolute;left:0}.cooperation-advantages{background:var(--bg-light,#f8f9fa);border-radius:15px;padding:60px 0}.cooperation-advantages h4{color:var(--text-primary,#333);margin-bottom:40px;font-size:28px;font-weight:700;position:relative}.cooperation-advantages h4:after{content:"";background:var(--primary-gradient,linear-gradient(90deg,#007bff,#0056b3));border-radius:2px;width:60px;height:3px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.advantage-item{background:#fff;border-radius:12px;gap:20px;height:100%;padding:25px;transition:all .3s;display:flex;box-shadow:0 2px 10px #0000000d}.advantage-item:hover{transform:translate(10px);box-shadow:0 5px 20px #0000001a}.advantage-number{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;font-weight:700;display:flex}.advantage-content h5{color:var(--text-primary,#333);margin-bottom:10px;font-size:18px;font-weight:600}.advantage-content p{color:var(--text-secondary,#666);margin:0;font-size:14px;line-height:1.6}.cooperation-process{background:var(--bg-light,#f8f9fa);border-radius:15px;margin-top:80px;padding:60px 40px;position:relative}.cooperation-process h4{color:var(--text-primary,#333);margin-bottom:50px;font-size:28px;font-weight:700;position:relative}.cooperation-process h4:after{content:"";background:var(--primary-gradient,linear-gradient(90deg,#007bff,#0056b3));border-radius:2px;width:60px;height:3px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.process-timeline{justify-content:space-between;max-width:1000px;margin:0 auto;display:flex;position:relative}.process-timeline:before{content:"";z-index:0;background:linear-gradient(90deg,#007bff 0%,#0056b3 100%);height:3px;position:absolute;top:30px;left:10%;right:10%}.process-step{text-align:center;z-index:1;flex:1;position:relative}.step-number{border:3px solid var(--primary-color,#007bff);width:60px;height:60px;color:var(--primary-color,#007bff);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:24px;font-weight:700;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 10px #0000001a}.process-step:hover .step-number{background:var(--primary-gradient,linear-gradient(135deg,#007bff,#0056b3));color:#fff;transform:scale(1.1);box-shadow:0 6px 20px #007bff4d}.step-content h5{color:var(--text-primary,#333);margin-bottom:8px;font-size:16px;font-weight:600}.step-content p{color:var(--text-secondary,#666);font-size:14px}.view-tabs{margin-bottom:40px}.nav-tabs{border-bottom:2px solid var(--border-light,#e0e0e0)}.nav-tabs .nav-link{color:var(--text-secondary,#666);border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:12px 24px;font-weight:500;transition:all .3s;display:flex}.nav-tabs .nav-link i{font-size:18px}.nav-tabs .nav-link:hover{color:var(--primary-color,#007bff);background:var(--primary-alpha-10,#007bff0d)}.nav-tabs .nav-link.active{color:var(--primary-color,#007bff);border-bottom:3px solid var(--primary-color,#007bff);background:#fff}.become-distributor-area{margin-top:60px}.cta-card{background:linear-gradient(135deg,var(--primary-color,#007bff),var(--primary-dark,#0056b3));color:#fff;border-radius:15px;position:relative;overflow:hidden}.cta-card:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;animation:3s ease-in-out infinite pulse;position:absolute;top:-50%;right:-50%}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.3;transform:scale(1.1)}}.cta-card h3{margin-bottom:15px;font-size:28px;font-weight:700;position:relative}.cta-card p{opacity:.95;max-width:600px;margin:0 auto 30px;font-size:16px;line-height:1.6;position:relative}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:15px;display:flex;position:relative}.cta-buttons .btn{border-radius:30px;padding:12px 30px;font-size:15px;font-weight:600;transition:all .3s}.cta-buttons .btn-primary{color:var(--primary-color,#007bff);background:#fff;border:2px solid #fff}.cta-buttons .btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0003}.cta-buttons .btn-outline-primary{color:#fff;background:0 0;border:2px solid #fff}.cta-buttons .btn-outline-primary:hover{color:var(--primary-color,#007bff);background:#fff;transform:translateY(-3px)}.modal-content{border:none;border-radius:15px}.modal-header{background:var(--bg-light,#f8f9fa);border-bottom:1px solid var(--border-light,#e0e0e0);border-radius:15px 15px 0 0;padding:20px 30px}.modal-title{color:var(--text-primary,#333);font-size:20px;font-weight:600}.modal-body{padding:30px}.modal-footer{border-top:1px solid var(--border-light,#e0e0e0);padding:20px 30px}.empty-state{text-align:center;padding:60px 20px}.empty-state i{color:var(--text-muted,#ccc);margin-bottom:20px;font-size:64px}.empty-state h3{color:var(--text-secondary,#666);margin-bottom:10px;font-size:20px}.empty-state p{color:var(--text-muted,#999);margin-bottom:20px}@media (width<=992px){.process-timeline{flex-direction:column;gap:30px}.process-timeline:before{display:none}.process-step{position:relative}.process-step:after{content:"";background:linear-gradient(#007bff 0%,#0056b3 100%);width:3px;height:50px;position:absolute;top:60px;left:50%;transform:translate(-50%)}.process-step:last-child:after{display:none}}@media (width<=768px){.distributor-header{flex-direction:column;gap:15px}.detail-row{flex-direction:column;gap:10px}.distributor-actions{flex-direction:column}.stat-card{margin-bottom:15px}.stat-number{font-size:28px}.cta-card{padding:30px 20px}.cta-card h3{font-size:24px}.cta-card p{font-size:14px}.cta-buttons{flex-direction:column;align-items:stretch}.cta-buttons .btn{width:100%}}@media (width<=576px){.distributor-filter-area,.distributor-card{padding:20px 15px}.distributor-info h4{font-size:16px}.service-tags,.product-tags{gap:5px}}