.container{margin:0 auto;max-width:1200px;padding:0 20px}.loading{align-items:center;display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 2px 10px #0000001a;color:#fff;padding:1rem 0}.header-content{justify-content:space-between}.header-content,.logo{align-items:center;display:flex}.logo{color:#fff;font-size:1.5rem;font-weight:700;gap:10px;text-decoration:none}.logo img{height:40px;width:auto}.tagline{color:#ffffffe6;font-size:14px;font-style:italic}.main-content{padding:2rem 0}.search-container{margin-bottom:2rem}.search-bar{border:2px solid #ddd;border-radius:25px;display:block;font-size:16px;margin:0 auto;max-width:500px;outline:none;padding:12px 20px;transition:border-color .3s;width:100%}.search-bar:focus{border-color:#007bff}.filters-section{margin-bottom:2rem}.category-filter{-ms-overflow-style:none;display:flex;gap:12px;margin:0 -20px;overflow-x:auto;padding:10px 20px;scrollbar-width:none}.category-filter::-webkit-scrollbar{display:none}.category-btn{background:#fffffff2;border:none;border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#333;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;letter-spacing:.3px;min-width:fit-content;overflow:hidden;padding:10px 18px;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.category-btn:hover{background:#fffffffa;box-shadow:0 3px 12px #00000026;color:#007bff;font-weight:600;transform:translateY(-1px)}.category-btn:hover:after{background:#007bff;border-radius:0 0 20px 20px;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.category-btn.active{background:#fff;box-shadow:0 4px 16px #00000026;color:#007bff;font-weight:700;transform:translateY(-1px)}.category-btn.active:after{background:#007bff;border-radius:0 0 20px 20px;bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.category-btn.active:hover{background:#fff;box-shadow:0 6px 20px #0003;color:#0056b3;transform:translateY(-2px)}.category-btn.active:hover:after{background:#0056b3;height:4px}.products-section,.trending-section{margin-bottom:3rem}.products-section h2,.trending-section h2{color:#333;font-size:2rem;margin-bottom:2rem;text-align:center}.product-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:1rem 0}@media (max-width:1024px){.product-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.product-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.product-grid{gap:.8rem;grid-template-columns:repeat(2,1fr)}}.product-card{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;cursor:pointer;overflow:hidden;transition:transform .3s,box-shadow .3s}.product-card:hover{box-shadow:0 8px 30px #0003;transform:translateY(-5px)}.product-image{align-items:center;background:#f8f9fa;color:#6c757d;display:flex;font-size:14px;height:200px;justify-content:center;object-fit:cover;width:100%}@media (max-width:768px){.product-image{height:150px}}@media (max-width:480px){.product-image{height:120px}}.product-image img{height:100%;object-fit:cover;width:100%}.product-info{padding:1.5rem}@media (max-width:768px){.product-info{padding:1rem}}@media (max-width:480px){.product-info{padding:.8rem}}.product-number{color:#6c757d;font-size:12px;margin-bottom:.5rem}.product-name{color:#333;font-size:1.1rem;font-weight:700;line-height:1.3;margin-bottom:.5rem}@media (max-width:768px){.product-name{font-size:1rem;line-height:1.2}}@media (max-width:480px){.product-name{font-size:.9rem;margin-bottom:.3rem}}.product-footer{align-items:center;display:flex;justify-content:flex-start;margin-top:1rem}.product-category{background:#e9ecef;border-radius:10px;color:#495057;font-size:12px;padding:4px 8px}@media (max-width:480px){.product-category{font-size:10px;padding:2px 6px}}.mobile-card-view{display:none}.desktop-table-view{display:block}@media (max-width:768px){.mobile-card-view{display:block}.desktop-table-view{display:none}}.mobile-product-card{background:linear-gradient(145deg,#fff,#f8f9fa);border:1px solid #fffc;border-radius:16px;box-shadow:0 4px 20px #00000014,0 1px 3px #0000001a;margin-bottom:1.25rem;padding:1.25rem;transition:all .3s ease}.mobile-product-card:hover{box-shadow:0 8px 25px #0000001f,0 3px 6px #00000014;transform:translateY(-2px)}.mobile-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.product-info-left{flex:1 1}.product-info-left .product-number{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:20px;color:#007bff;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;padding:4px 10px;width:fit-content}.product-info-left .product-name{color:#2c3e50;font-size:18px;font-weight:700;letter-spacing:-.2px;line-height:1.4;margin-bottom:.75rem}.product-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.product-meta .category{background:linear-gradient(135deg,#f0efff,#e8e4ff);border:1px solid #6c63ff33;border-radius:15px;color:#6c63ff;font-size:12px;font-weight:600;padding:6px 12px;width:fit-content}.product-meta .price{color:#28a745;font-size:14px;font-weight:600}.product-meta .status{align-items:center;border-radius:15px;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;width:fit-content}.product-meta .status.active{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #05966933;color:#059669}.product-meta .status.inactive{background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #dc262633;color:#dc2626}.product-image-thumb{border:2px solid #fffc;border-radius:16px;box-shadow:0 4px 12px #0000001a;flex-shrink:0;height:70px;margin-left:1rem;overflow:hidden;width:70px}.product-image-thumb img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.product-image-thumb:hover img{transform:scale(1.05)}.mobile-card-actions{border-top:1px solid #0000000d;display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem}.mobile-btn{border:none!important;border-radius:12px!important;flex:1 1;font-size:14px!important;font-weight:600!important;letter-spacing:.5px;padding:12px 16px!important;text-transform:uppercase;transition:all .3s ease!important}.mobile-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.desktop-table-view table{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.desktop-table-view th{background:#f8f9fa!important;color:#495057!important;font-weight:600!important}.desktop-table-view td{vertical-align:middle!important}.desktop-table-view .click-count-badge{align-items:center;display:inline-flex;font-size:14px;font-weight:600;gap:4px}@media (min-width:769px){.mobile-product-card{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:1rem;padding:1rem;transition:none}.mobile-product-card:hover{box-shadow:0 2px 8px #0000001a;transform:none}.product-meta{display:flex;flex-direction:column;gap:.25rem;margin-top:0}}@media (max-width:768px){.mobile-card-view{padding:0 4px}.mobile-product-card{margin-left:0;margin-right:0}.product-meta{margin-top:.5rem}.product-meta .clicks-info{align-items:center!important;border:1px solid #2e7d2e33!important;border-radius:15px!important;display:flex!important;font-size:12px!important;font-weight:600!important;gap:4px!important;padding:6px 12px!important}.btn-primary.mobile-btn{background:linear-gradient(135deg,#007bff,#0056b3)!important}.btn-danger.mobile-btn{background:linear-gradient(135deg,#dc3545,#c82333)!important}.admin-panel{padding:.5rem 0}.admin-header,.admin-section{margin-bottom:1rem;padding:1rem 0}.admin-header>div:first-child{flex-direction:column!important;gap:1rem!important;text-align:center}.admin-header h1{font-size:1.5rem!important;margin:0!important}.admin-header p{font-size:.9rem!important;line-height:1.4;margin:0!important}.admin-header>div:first-child>div:last-child{align-items:center!important;flex-direction:column!important;gap:.5rem!important}.admin-header>div:first-child>div:last-child>button,.admin-header>div:first-child>div:last-child>div{font-size:.8rem!important;padding:6px 12px!important}.form-control{font-size:16px}.admin-section h2{font-size:1.3rem}.admin-section>div:first-of-type{flex-direction:column!important;gap:1rem!important}.admin-section>div:first-of-type>div{margin-left:0!important;max-width:none!important}.admin-section div[style*=grid-template-columns]{gap:1rem!important;grid-template-columns:1fr!important}.admin-section div[style*=grid-template-columns]>div label{font-size:.9rem!important}.admin-section div[style*=grid-template-columns]>div>div{font-size:.8rem!important;padding:8px 10px!important}.admin-section div[style*=grid-template-columns]>div:last-child>div{align-items:flex-start!important;flex-direction:column!important;gap:.5rem!important}.admin-section div[style*=grid-template-columns]>div:last-child>div>button{align-self:flex-start!important;font-size:.8rem!important;padding:4px 8px!important}.admin-section div[style*=fff3cd]{font-size:.8rem!important;padding:.8rem!important}.admin-section div[style*=fff3cd] code{font-size:.7rem!important;word-break:break-all}.admin-section button{font-size:.8rem!important;padding:8px 12px!important}.admin-section form{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important}.admin-section div[style*=filterGrid]{grid-template-columns:1fr!important}.admin-section div[style*="justifyContent: 'space-between'"]{align-items:flex-start!important;flex-direction:column!important;gap:1rem!important}.admin-section table{display:none!important}div[style*="position: 'fixed'"]>div{margin:1rem!important;max-width:none!important;padding:1.5rem!important;width:95%!important}div[style*="position: 'fixed'"] .form-group{margin-bottom:1rem!important}div[style*="position: 'fixed'"] .form-group label{font-size:.9rem!important}div[style*="position: 'fixed'"] .form-control{font-size:.9rem!important;padding:8px!important}}@media (max-width:480px){.admin-panel{padding:.25rem}.admin-header,.admin-section{margin-bottom:.75rem;padding:.75rem}.admin-header h1{font-size:1.25rem!important}.admin-header p{font-size:.8rem!important}.admin-section h2{font-size:1.1rem}.admin-section div[style*=grid-template-columns]>div>div{font-size:.75rem!important;padding:6px 8px!important}.admin-section div[style*=fff3cd]{font-size:.75rem!important;padding:.6rem!important}.admin-section div[style*=fff3cd] code{font-size:.65rem!important}.admin-section button{font-size:.75rem!important;padding:6px 10px!important}div[style*="position: 'fixed'"]>div{margin:.5rem!important;padding:1rem!important;width:98%!important}}.trending-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:2rem}@media (max-width:768px){.trending-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.trending-grid{gap:.8rem;grid-template-columns:repeat(2,1fr)}}.trending-card{position:relative}.trending-badge{background:#ff4757;border-radius:10px;color:#fff;font-size:12px;padding:4px 8px;position:absolute;right:10px;top:10px;z-index:1}.admin-panel{margin:0 auto;max-width:1000px;padding:2rem}.admin-header{background:#343a40;color:#fff;padding:1rem}.admin-header,.admin-section{border-radius:10px;margin-bottom:2rem}.admin-section{background:#fff;box-shadow:0 2px 10px #0000001a;padding:2rem 1rem}.form-group{margin-bottom:1rem}.form-group label{color:#333;display:block;font-weight:700;margin-bottom:.5rem}.form-control{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:10px;width:100%}.btn{border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}@media (max-width:768px){.header-content{flex-direction:column;gap:.5rem;text-align:center}.tagline{font-size:12px}.category-filter{gap:8px;margin:0 -10px;padding-left:10px;padding-right:10px}.category-btn{background:#fffffff2!important;border-radius:18px;box-shadow:0 2px 8px #0000001a;color:#333!important;font-size:13px;font-weight:500;padding:8px 14px}.category-btn:hover{background:#fffffffa!important;font-weight:600;transform:translateY(-1px)}.category-btn.active{background:#fff!important;box-shadow:0 3px 12px #00000026;font-weight:700;transform:translateY(-1px)}.products-section h2,.trending-section h2{font-size:1.5rem}}
/*# sourceMappingURL=main.cdfb04c9.css.map*/