@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";:UsersKIIT0001Þsktop\uilder_website using mern\ront-end\appsrcstylesglobal.css */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:var(--font-base);line-height:1.6;color:var(--gray-900);background-color:var(--gray-50);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:1.25;margin-bottom:var(--space-md);color:var(--gray-900)}h1{font-size:var(--font-4xl)}h2{font-size:var(--font-3xl)}h3{font-size:var(--font-2xl)}h4{font-size:var(--font-xl)}h5{font-size:var(--font-lg)}h6{font-size:var(--font-base)}p{margin-bottom:var(--space-md);color:var(--gray-700)}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700);text-decoration:underline}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.container-fluid{width:100%;padding:0 var(--space-md)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.row{display:flex;flex-wrap:wrap;margin:0 -var(--space-sm)}.col{flex:1;padding:0 var(--space-sm)}.col-1{flex:0 0 8.333333%}.col-2{flex:0 0 16.666667%}.col-3{flex:0 0 25%}.col-4{flex:0 0 33.333333%}.col-5{flex:0 0 41.666667%}.col-6{flex:0 0 50%}.col-7{flex:0 0 58.333333%}.col-8{flex:0 0 66.666667%}.col-9{flex:0 0 75%}.col-10{flex:0 0 83.333333%}.col-11{flex:0 0 91.666667%}.col-12{flex:0 0 100%}.text-left{text-align:left}.text-right{text-align:right}.fw-light{font-weight:var(--font-light)}.fw-normal{font-weight:var(--font-normal)}.fw-medium{font-weight:var(--font-medium)}.fw-semibold{font-weight:var(--font-semibold)}.fw-bold{font-weight:var(--font-bold)}.text-primary{color:var(--primary-600)}.text-secondary,.text-success{color:var(--secondary-600)}.text-danger{color:var(--red-600)}.text-warning{color:var(--yellow-600)}.text-info{color:var(--primary-600)}.text-muted{color:var(--gray-500)}.bg-primary{background-color:var(--primary-600)}.bg-secondary,.bg-success{background-color:var(--secondary-600)}.bg-danger{background-color:var(--red-600)}.bg-warning{background-color:var(--yellow-500)}.bg-info{background-color:var(--primary-600)}.bg-light{background-color:var(--gray-100)}.bg-dark{background-color:var(--gray-800)}.bg-white{background-color:#fff}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-grid{display:grid}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.align-stretch{align-items:stretch}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.m-0{margin:0}.m-1{margin:var(--space-xs)}.m-2{margin:var(--space-sm)}.m-3{margin:var(--space-md)}.m-4{margin:var(--space-lg)}.m-5{margin:var(--space-xl)}.p-0{padding:0}.p-1{padding:var(--space-xs)}.p-2{padding:var(--space-sm)}.p-3{padding:var(--space-md)}.p-4{padding:var(--space-lg)}.p-5{padding:var(--space-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-xs)}.mt-2{margin-top:var(--space-sm)}.mt-3{margin-top:var(--space-md)}.mt-4{margin-top:var(--space-lg)}.mt-5{margin-top:var(--space-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-xs)}.mb-2{margin-bottom:var(--space-sm)}.mb-3{margin-bottom:var(--space-md)}.mb-4{margin-bottom:var(--space-lg)}.mb-5{margin-bottom:var(--space-xl)}.pt-0{padding-top:0}.pt-1{padding-top:var(--space-xs)}.pt-2{padding-top:var(--space-sm)}.pt-3{padding-top:var(--space-md)}.pt-4{padding-top:var(--space-lg)}.pt-5{padding-top:var(--space-xl)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--space-xs)}.pb-2{padding-bottom:var(--space-sm)}.pb-3{padding-bottom:var(--space-md)}.pb-4{padding-bottom:var(--space-lg)}.pb-5{padding-bottom:var(--space-xl)}.rounded{border-radius:var(--radius-md)}.rounded-sm{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-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}@media (max-width: 768px){.d-md-none{display:none}.d-md-block{display:block}.d-md-flex{display:flex}.flex-md-column{flex-direction:column}.text-md-center{text-align:center}}@media (max-width: 480px){.d-sm-none{display:none}.d-sm-block{display:block}.d-sm-flex{display:flex}.container{padding:0 var(--space-sm)}}*:focus{outline:2px solid var(--primary-500);outline-offset:2px}::selection{background-color:var(--primary-100);color:var(--primary-900)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-size:16px;font-weight:500;border-radius:var(--radius-lg);border:1px solid transparent;transition:all var(--transition);cursor:pointer;text-decoration:none;white-space:nowrap}.btn-primary{background-color:var(--primary-500);color:#fff;border-color:var(--primary-500)}.btn-primary:hover:not(:disabled){background-color:var(--primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:#fff;color:var(--primary-600);border-color:var(--gray-300)}.btn-secondary:hover:not(:disabled){background-color:var(--primary-50);border-color:var(--primary-300)}.btn-accent{background-color:var(--accent-500);color:#fff}.btn-accent:hover:not(:disabled){background-color:var(--accent-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:14px}.btn-lg{padding:var(--space-4) var(--space-8);font-size:18px}.input{width:100%;padding:var(--space-3) var(--space-4);font-size:16px;color:var(--gray-900);background-color:#fff;border:1px solid var(--gray-300);border-radius:var(--radius-md);transition:border-color var(--transition)}.input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.input::placeholder{color:var(--gray-400)}.card{background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);overflow:hidden}.card-hover{transition:all var(--transition)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-body{padding:var(--space-6)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:12px;font-weight:500;border-radius:9999px}.badge-primary{background-color:var(--primary-100);color:var(--primary-800)}.badge-success{background-color:#dcfce7;color:#166534}.badge-warning{background-color:#fef3c7;color:#92400e}.badge-error{background-color:#fecaca;color:#991b1b}.spinner{width:20px;height:20px;border:2px solid var(--gray-200);border-top:2px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}.fade-in{animation:fadeIn .3s ease-out}.slide-up{animation:slideUp .3s ease-out}@media (max-width: 768px){.container{padding:0 var(--space-4)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}}@media (max-width: 640px){.container{padding:0 var(--space-3)}.btn{padding:var(--space-3) var(--space-4);font-size:14px}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.spinner-ring{display:inline-block;position:relative}.spinner-ring div{box-sizing:border-box;display:block;position:absolute;border-radius:50%;animation:spinner-rotate 1.2s cubic-bezier(.5,0,.5,1) infinite;border-style:solid}.spinner-ring div:nth-child(1){animation-delay:-.45s}.spinner-ring div:nth-child(2){animation-delay:-.3s}.spinner-ring div:nth-child(3){animation-delay:-.15s}.spinner-small .spinner-ring{width:24px;height:24px}.spinner-small .spinner-ring div{width:20px;height:20px;margin:2px;border-width:2px}.spinner-medium .spinner-ring{width:40px;height:40px}.spinner-medium .spinner-ring div{width:32px;height:32px;margin:4px;border-width:3px}.spinner-large .spinner-ring{width:64px;height:64px}.spinner-large .spinner-ring div{width:52px;height:52px;margin:6px;border-width:4px}.spinner-primary .spinner-ring div{border-color:#007bff transparent transparent transparent}.spinner-secondary .spinner-ring div{border-color:#6c757d transparent transparent transparent}.spinner-success .spinner-ring div{border-color:#28a745 transparent transparent transparent}.spinner-danger .spinner-ring div{border-color:#dc3545 transparent transparent transparent}.spinner-warning .spinner-ring div{border-color:#ffc107 transparent transparent transparent}.spinner-info .spinner-ring div{border-color:#17a2b8 transparent transparent transparent}.spinner-light .spinner-ring div{border-color:#f8f9fa transparent transparent transparent}.spinner-dark .spinner-ring div{border-color:#343a40 transparent transparent transparent}.spinner-white .spinner-ring div{border-color:#ffffff transparent transparent transparent}.spinner-text{margin:0;font-size:.875rem;color:#6c757d;text-align:center;font-weight:500}.spinner-small .spinner-text{font-size:.75rem}.spinner-large .spinner-text{font-size:1rem}.spinner-overlay{position:fixed;inset:0;background-color:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (prefers-color-scheme: dark){.spinner-overlay{background-color:#000000e6}.spinner-text{color:#adb5bd}}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner-ring div{animation:none;border-color:#007bff;border-style:solid;opacity:.3}.spinner-ring div:first-child{opacity:1}}.product-card{background:#fff;border-radius:16px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:none;display:flex;flex-direction:column;height:max-content!important;width:100%;position:relative;margin:0;box-sizing:border-box;box-shadow:0 4px 25px #00000014}.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.product-link{width:100%;text-decoration:none;color:inherit;display:flex;align-items:center}.product-image-container{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:200px!important;overflow:hidden;background:linear-gradient(135deg,#f8fafc,#e2e8f0);flex-shrink:0}.product-image{width:100%;height:auto;object-fit:cover;transition:all .3s ease;display:block}.product-card:hover .product-image{transform:scale(1.05)}.product-badge{position:absolute;top:12px;left:12px;padding:6px 12px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;color:#fff;z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-badge.sale{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.product-badge.new{background:linear-gradient(135deg,#00d2d3,#54a0ff)}.product-badge.featured{background:linear-gradient(135deg,#5f27cd,#341f97)}.product-info{padding:18px!important;flex:1!important;display:flex!important;flex-direction:column!important;align-items:flex-start;gap:8px!important;min-height:420px!important;position:relative;z-index:2}.product-categorys{width:100%;margin:0!important;order:1}.category-badges{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 10px;border-radius:12px;font-size:.7rem!important;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.product-name{width:100%;display:flex!important;justify-content:flex-start;align-items:center;font-size:20px!important;font-weight:700!important;color:#2d3748!important;line-height:1.3!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:1!important;visibility:visible!important;min-height:40px!important;order:2}.product-link:hover .product-name{color:#4a90e2!important}.product-supplier{font-size:12px!important;margin:0!important;display:flex!important;align-items:center!important;gap:4px!important;order:3;margin-top:-1rem!important}.supplier-label{color:#718096!important;font-weight:500;opacity:1!important;visibility:visible!important}.supplier-name{color:#4a90e2!important;text-decoration:none;font-weight:600;opacity:1!important;visibility:visible!important;font-size:12px;margin-top:.3rem;border-radius:8px;transition:all .3s ease}.supplier-name:hover{color:#2c5aa0!important;background:#4a90e233}.product-ratings{width:max-content;display:flex!important;justify-content:center;align-items:center!important;margin:-8px!important;padding:6px 10px;order:4}.starst{display:flex;justify-content:center;align-items:center}.star{font-size:50px;transition:all .2s ease}.star.filled{color:#fbbf24!important}.star.half{color:#fbbf24!important;opacity:.6}.star.empty{color:#d1d5db!important}.rating-counts{color:#6b7280!important;font-size:11px!important;font-weight:600!important;opacity:1!important;visibility:visible!important;background:#fff;padding:2px 6px;border-radius:6px;border:1px solid #e5e7eb}@media (max-width: 480px){.rating-count{padding:0}}.product-pricing{margin:0!important;padding:12px!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:12px!important;color:#fff!important;position:relative!important;overflow:hidden!important;order:5!important;height:50px;min-height:40px!important;align-self:flex-start;width:100%;display:flex;justify-content:center;align-items:center}.price-info{margin:15px;position:relative!important;z-index:1!important}.price-main{font-size:18px!important;font-weight:800!important;color:#fff!important;display:flex!important;align-items:baseline!important;gap:4px!important;opacity:1!important;visibility:visible!important;line-height:1.2!important}.price-unit{font-size:11px!important;color:#fffc!important;font-weight:500!important;opacity:1!important;visibility:visible!important}.price-original{font-size:13px!important;color:#ffffffb3!important;text-decoration:line-through!important;margin:0!important;opacity:1!important;visibility:visible!important}.total-price{font-size:13px!important;color:#ffffffe6!important;font-weight:600!important;margin-top:-2px!important;opacity:1!important;visibility:visible!important}.stock-info{margin:0!important;margin-top:.5rem!important;padding:6px 10px!important;background:linear-gradient(135deg,#f0fff4,#d4edda)!important;border-radius:8px!important;border-left:3px solid #28a745!important;order:6!important;min-height:28px!important}.stock-text{color:#155724!important;font-size:11px!important;font-weight:600!important;opacity:1!important;visibility:visible!important;display:block!important}.stock-text.low-stock{color:#856404!important}.stock-text.out-of-stock{color:#721c24!important}.stock-badge{position:absolute;top:8px;right:8px;padding:4px 8px;border-radius:12px;font-size:9px;font-weight:700;text-transform:uppercase;z-index:10}.stock-badge.out-of-stock{background:#dc3545;color:#fff}.stock-badge.low-stock{background:#ffc107;color:#000}.stocks-select{order:6;width:100%}.quantity-section{margin:8px 0 0!important;order:7!important;min-height:50px!important;display:flex;justify-content:space-evenly;align-items:center}.quantity-controls{width:fit-content!important;display:flex!important;align-items:center!important;justify-content:space-evenly!important;gap:5px!important;background:#f8fafc!important;border-radius:25px!important;padding:3px!important;border:2px solid #e2e8f0!important}.quantity-btn{width:28px!important;height:28px!important;border:none!important;background:linear-gradient(135deg,#4a90e2,#357abd)!important;color:#fff!important;border-radius:50%!important;font-size:14px!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s ease!important}.quantity-btn:hover:not(:disabled){transform:scale(1.1)!important;box-shadow:0 4px 12px #4a90e266!important}.quantity-btn:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important}.quantity-display{background:#fff!important;padding:4px 10px!important;font-weight:700!important;font-size:13px!important;color:#2d3748!important;border-radius:15px!important;min-width:35px!important;text-align:center!important;border:2px solid #e2e8f0!important;cursor:pointer!important}.quantity-input{background:#fff!important;padding:4px 10px!important;font-weight:700!important;font-size:13px!important;color:#2d3748!important;border-radius:15px!important;min-width:35px!important;text-align:center!important;border:2px solid #4a90e2!important;outline:none!important}.quantity-infos{height:40px;width:80px;display:flex!important;align-items:center!important;gap:6px!important;justify-content:center!important;font-size:10px!important;color:#6b7280!important}.quantity-unit{font-weight:600!important}.min-orders{background:#fef3c7!important;padding:4px!important;border-radius:10px!important;color:#92400e!important;height:100%;width:80%;font-size:.8rem;display:flex;justify-content:center;align-items:center}.quantity-quick-select{display:flex!important;gap:3px!important;justify-content:center!important;flex-wrap:wrap!important}.quick-qty-btn{padding:2px 6px!important;font-size:9px!important;border:1px solid #e2e8f0!important;background:#fff!important;color:#4a90e2!important;border-radius:8px!important;cursor:pointer!important;transition:all .2s ease!important;font-weight:600!important}.quick-qty-btn:hover:not(:disabled){background:#4a90e2!important;color:#fff!important}.quick-qty-btn.active{background:#4a90e2!important;color:#fff!important}.quick-qty-btn:disabled{opacity:.5!important;cursor:not-allowed!important}.product-actions-btns{width:100%;padding:0!important;order:8!important;min-height:90px!important;margin-top:1rem}.action-buttons-container{width:100%;display:flex;gap:6px;flex-direction:column;justify-content:center;padding:0 1rem}.add-to-cart-btn{flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:8px 12px!important;background:linear-gradient(135deg,#fff,#f8fafc)!important;color:#4a90e2!important;border:2px solid #4a90e2!important;border-radius:20px!important;font-weight:700!important;font-size:11px!important;letter-spacing:.3px!important;cursor:pointer!important;transition:all .3s ease!important;position:relative!important;overflow:hidden!important;min-height:36px!important}.add-to-cart-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#4a90e2,#357abd);transition:all .4s ease;z-index:-1}.add-to-cart-btn:hover:before{left:0}.add-to-cart-btn:hover:not(:disabled){color:#fff!important;border-color:#357abd!important;transform:translateY(-1px)!important;box-shadow:0 4px 15px #4a90e24d!important}.add-to-cart-btn:disabled,.add-to-cart-btn.out-of-stock{background:linear-gradient(135deg,#f7fafc,#edf2f7)!important;color:#a0aec0!important;border-color:#e2e8f0!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.buy-now-btn{flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:8px 12px!important;background:linear-gradient(135deg,#ff6b6b,#ee5a24)!important;color:#fff!important;border:none!important;border-radius:20px!important;font-weight:700!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.3px!important;cursor:pointer!important;transition:all .3s ease!important;min-height:36px!important;box-shadow:0 3px 10px #ff6b354d!important}.buy-now-btn:hover:not(:disabled){background:linear-gradient(135deg,#ee5a24,#d63031)!important;transform:translateY(-1px)!important;box-shadow:0 4px 15px #ff6b3566!important}.buy-now-btn:disabled{background:linear-gradient(135deg,#cbd5e0,#a0aec0)!important;color:#718096!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.loading-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.product-card{height:550px}.product-image-container{height:160px}.product-info{padding:26px;min-height:390px}.product-name{font-size:14px;min-height:38px}.price-main{font-size:16px}.quantity-section{min-height:70px}.product-actions{min-height:80px}}@media (max-width: 480px){.product-card{height:auto!important}.product-info{display:flex;flex-direction:column;gap:10px;padding:14px!important;min-height:360px!important}.product-name{font-size:13px!important;min-height:36px!important}.price-main{font-size:15px!important}.quantity-btn{width:24px!important;height:24px!important;font-size:12px!important}.quantity-section{min-height:fit-content!important}.product-actions{position:relative;top:10px;min-height:75px!important}.add-to-cart-btn,.buy-now-btn{font-size:13px!important;padding:7px 10px!important;min-height:32px!important}}.product-card.list-view{flex-direction:row;height:220px!important;border-radius:16px}.product-card.list-view .product-image-container{width:220px;height:100%!important;flex-shrink:0}.product-card.list-view .product-info{flex:1;padding:20px!important;display:flex;gap:16px;min-height:auto!important}.product-card.list-view .product-details{flex:1;min-width:0}.product-card.list-view .product-actions{flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;min-width:200px;gap:12px;margin-top:0!important}.product-card.list-view .action-buttons-container{flex-direction:row;gap:12px}.product-card.list-view .buy-now-btn,.product-card.list-view .add-to-cart-btn{flex:1;min-width:100px}.prod-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;width:100%;transition:all .2s ease;border:1px solid #e8eaed}.prod-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.prod-link{width:100%;height:180px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid #f1f3f4}.prod-link .product-image{width:auto;height:100%;object-fit:contain;object-position:center}.prod-info{padding:16px}.prod-info-header{display:flex;justify-content:space-between;align-items:center}.prod-info-header h3{margin:0}.prod-name{font-size:16px;font-weight:600;text-transform:uppercase;color:#202124;margin-bottom:4px;line-height:1.4}.prod-category-badge{background:#eee;color:#5f6368;padding:4px 8px;border-radius:4px;font-size:13px;font-weight:500;display:inline-block;margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.prod-supplier{font-size:12px;color:#5f6368;margin-bottom:10px}.supplier-name{color:#1a73e8;font-weight:500}.prod-ratings{display:flex;align-items:center;gap:4px;margin:8px 0}.all-stars{display:flex;gap:1px}.star{color:#fbbc04;font-size:12px}.star-empty{color:#dadce0;font-size:12px}.rating-score{font-size:12px;color:#5f6368;font-weight:400}.prod-pricing{display:flex;justify-content:center;align-items:center;background:#34a853;color:#fff;padding:5px 0;margin:12px 0;border-radius:6px}.prod-price-info{width:100%;display:flex;justify-content:space-around;align-items:center;gap:4px;font-weight:600;margin-bottom:4px}.prod-price-main{font-size:18px}.total-price{font-size:12px;opacity:.9;font-weight:400}.prod-stock-info{background:#e8f5e8;color:#137333;border-radius:4px;padding:8px 12px;margin:12px 0;font-size:12px;border-left:3px solid #34a853}.availability-info{display:flex;align-items:center;gap:6px}.availability-icon{font-size:12px}.availability-text{font-weight:500}@media (max-width: 768px){.product-card.list-view{flex-direction:column;height:450px!important}.product-card.list-view .product-image-container{width:100%;height:140px!important}.product-card.list-view .product-info{flex-direction:column;gap:12px;padding:16px!important}.product-card.list-view .product-actions{align-items:stretch;min-width:auto}.product-card.list-view .action-buttons-container{flex-direction:column;gap:8px}}.know-more-btn,.know-more-btn-grid{background:#fff;color:#fc8019;border:2px solid #fc8019;border-radius:8px;padding:8px 16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;text-transform:uppercase;letter-spacing:.5px}.know-more-btn:hover,.know-more-btn-grid:hover{background:#fc8019;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #fc80194d}.card-btn-know-more{margin-top:12px}.know-more-btn{width:100%;padding:10px 16px;font-size:13px}.know-more-btn-grid{margin-top:8px;width:100%;padding:8px 12px;font-size:9px}.buy-cart{display:flex;flex-direction:row;gap:12px}@media (max-width: 768px){.know-more-btn,.know-more-btn-grid{font-size:13px;padding:8px 12px}}.highlights-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:20px!important;margin-bottom:32px!important}.highlight-item{display:flex!important;gap:16px!important;padding:20px!important;background:#f8fafc!important;border-radius:12px!important;border:1px solid #e2e8f0!important}.highlight-icon{font-size:2rem!important;flex-shrink:0!important}.highlight-content h4{font-size:1.125rem!important;font-weight:600!important;color:#1f2937!important;margin:0 0 8px!important}.highlight-content p{color:#6b7280!important;margin:0!important;line-height:1.5!important}.videos-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:20px!important;margin-bottom:32px!important}.video-item{background:#f8fafc!important;border-radius:12px!important;overflow:hidden!important;border:1px solid #e2e8f0!important}.video-thumbnail{position:relative!important;aspect-ratio:16/9!important;background:#000!important}.video-thumbnail img{width:100%!important;height:100%!important;object-fit:cover!important}.play-button{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:60px!important;height:60px!important;background:#000c!important;border:none!important;border-radius:50%!important;color:#fff!important;font-size:1.5rem!important;cursor:pointer!important}.faq-list{space-y:20px!important}.faq-item{background:#f8fafc!important;border-radius:12px!important;padding:20px!important;border:1px solid #e2e8f0!important;margin-bottom:16px!important}.faq-question{font-size:1.125rem!important;font-weight:600!important;color:#1f2937!important;margin:0 0 12px!important}.faq-answer{color:#6b7280!important;line-height:1.6!important;margin:0!important}.know-more-modal-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;background:#000000f2!important;z-index:2147483647!important;display:flex!important;flex-direction:column!important;padding:0!important;margin:0!important;overflow:hidden!important;isolation:isolate!important;transform:translateZ(0)!important;will-change:transform!important}.know-more-modal{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;background:#fff!important;border-radius:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;transform:none!important;margin:0!important;padding:0!important;overflow:hidden!important;position:relative!important;z-index:2147483646!important}.know-more-modal-overlay,.know-more-modal-overlay *,.know-more-modal,.know-more-modal *{isolation:isolate!important}.modal-header{position:relative!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:70px!important;background:#fff!important;border-bottom:1px solid #e5e7eb!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 24px!important;z-index:2147483645!important;flex-shrink:0!important}.modal-title{flex:1!important;text-align:center!important;margin:0 60px!important}.modal-title h2{font-size:1.25rem!important;font-weight:600!important;color:#1f2937!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.back-btn,.close-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;border:none!important;background:#f3f4f6!important;border-radius:8px!important;cursor:pointer!important;transition:all .2s ease!important;color:#374151!important;z-index:2147483644!important}.back-btn:hover,.close-btn:hover{background:#e5e7eb!important;color:#1f2937!important}.back-btn{gap:8px!important;width:auto!important;padding:0 12px!important}.modal-content{flex:1!important;width:100%!important;height:calc(100vh - 70px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:24px!important;background:#fff!important;position:relative!important;z-index:2147483643!important}.loading-state{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;height:400px!important;text-align:center!important}.loading-spinner{width:40px!important;height:40px!important;border:4px solid #e5e7eb!important;border-top:4px solid #3b82f6!important;border-radius:50%!important;animation:spin 1s linear infinite!important;margin-bottom:16px!important}.loading-state p{font-size:1.125rem!important;color:#6b7280!important;margin:0!important}.no-content-state{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-height:400px!important;padding:40px!important}.no-content-icon{margin-bottom:24px!important;color:#9ca3af!important;opacity:.6!important}.no-content-state h3{font-size:1.5rem!important;font-weight:600!important;color:#374151!important;margin:0 0 12px!important}.no-content-state p{font-size:1rem!important;color:#6b7280!important;max-width:400px!important;line-height:1.5!important;margin:0!important}.debug-info{margin-top:20px!important;font-size:12px!important;color:#666!important;text-align:left!important}.debug-info p{margin:4px 0!important}.images-section{margin-bottom:32px!important}.main-image-container{position:relative!important;width:100%!important;max-width:800px!important;margin:0 auto 24px!important;background:#f9fafb!important;border-radius:12px!important;overflow:hidden!important;border:1px solid #e5e7eb!important}.main-image{width:100%!important;height:400px!important;object-fit:contain!important;background:#fff!important;display:block!important}.image-nav{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:48px!important;height:48px!important;background:#0009!important;border:none!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;z-index:2147483642!important}.image-nav:hover{background:#000c!important;transform:translateY(-50%) scale(1.1)!important}.image-nav.prev{left:16px!important}.image-nav.next{right:16px!important}.image-counter{position:absolute!important;bottom:16px!important;right:16px!important;background:#000000b3!important;color:#fff!important;padding:8px 12px!important;border-radius:16px!important;font-size:.875rem!important;font-weight:500!important;z-index:2147483642!important}.thumbnail-container{display:flex!important;gap:12px!important;justify-content:center!important;flex-wrap:wrap!important;max-width:800px!important;margin:0 auto!important}.thumbnail{width:80px!important;height:80px!important;border:2px solid transparent!important;border-radius:8px!important;overflow:hidden!important;cursor:pointer!important;transition:all .2s ease!important;background:#f9fafb!important}.thumbnail:hover{border-color:#d1d5db!important;transform:scale(1.05)!important}.thumbnail.active{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f633!important}.thumbnail img{width:100%!important;height:100%!important;object-fit:cover!important}.text-content{max-width:800px!important;margin:0 auto!important}.text-content>div{margin-bottom:32px!important}.text-content h3{font-size:1.25rem!important;font-weight:600!important;color:#1f2937!important;margin:0 0 16px!important;padding-bottom:8px!important;border-bottom:2px solid #e5e7eb!important}.description{margin-bottom:32px!important}.description-text{font-size:1rem!important;line-height:1.6!important;color:#374151!important}.description-text p{margin:0 0 16px!important}.description-text p:last-child{margin-bottom:0!important}.specifications-enhanced{margin-bottom:32px!important}.spec-grid-enhanced{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:16px!important;margin-top:16px!important}.spec-card{display:flex!important;align-items:center!important;padding:16px!important;background:#f8fafc!important;border-radius:12px!important;border:1px solid #e2e8f0!important;transition:all .2s ease!important}.spec-card:hover{background:#f1f5f9!important;border-color:#cbd5e1!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #0000001a!important}.spec-icon{font-size:1.5rem!important;margin-right:12px!important;opacity:.7!important}.spec-details{display:flex!important;flex-direction:column!important;flex:1!important}.spec-details strong{font-weight:600!important;color:#1e293b!important;margin-bottom:4px!important;font-size:.95rem!important}.spec-details span{color:#64748b!important;font-size:.9rem!important}.highlights-enhanced{margin-bottom:32px!important}.highlights-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:20px!important;margin-top:16px!important}.highlight-card{display:flex!important;align-items:flex-start!important;padding:20px!important;background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border-radius:16px!important;border:1px solid #e2e8f0!important;transition:all .3s ease!important}.highlight-card:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)!important;border-color:#cbd5e1!important;transform:translateY(-4px)!important;box-shadow:0 8px 25px #0000001a!important}.highlight-icon{font-size:2rem!important;margin-right:16px!important;opacity:.8!important;flex-shrink:0!important}.highlight-content h4{font-size:1.1rem!important;font-weight:600!important;color:#1e293b!important;margin:0 0 8px!important}.highlight-content p{font-size:.95rem!important;color:#64748b!important;line-height:1.5!important;margin:0!important}.videos-section{margin-bottom:32px!important}.videos-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))!important;gap:24px!important;margin-top:16px!important}.video-card{background:#fff!important;border-radius:12px!important;border:1px solid #e5e7eb!important;overflow:hidden!important;box-shadow:0 4px 6px #00000012!important;transition:all .3s ease!important}.video-card:hover{box-shadow:0 10px 25px #00000026!important;transform:translateY(-2px)!important}.video-card h4{font-size:1rem!important;font-weight:600!important;color:#1f2937!important;margin:0!important;padding:16px 16px 12px!important}.video-card iframe{width:100%!important;height:200px!important;border:none!important;display:block!important}.faqs-enhanced{margin-bottom:32px!important}.faqs-container{margin-top:16px!important}.faq-item{border:1px solid #e5e7eb!important;border-radius:12px!important;margin-bottom:12px!important;background:#fff!important;overflow:hidden!important;transition:all .2s ease!important}.faq-item:hover{border-color:#d1d5db!important;box-shadow:0 2px 8px #0000001a!important}.faq-item[open]{border-color:#3b82f6!important;box-shadow:0 4px 12px #3b82f626!important}.faq-question{padding:20px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:space-between!important;font-weight:600!important;color:#1f2937!important;background:#f8fafc!important;transition:all .2s ease!important;list-style:none!important}.faq-question::-webkit-details-marker{display:none!important}.faq-question:hover{background:#f1f5f9!important;color:#1e40af!important}.faq-item[open] .faq-question{background:#eff6ff!important;color:#1e40af!important;border-bottom:1px solid #e5e7eb!important}.faq-icon{transition:transform .2s ease!important;flex-shrink:0!important}.faq-item[open] .faq-icon{transform:rotate(180deg)!important}.faq-answer{padding:20px!important;background:#fff!important}.faq-answer p{margin:0!important;line-height:1.6!important;color:#4b5563!important}.cta-section{margin-top:40px!important;margin-bottom:32px!important}.cta-card{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:20px!important;padding:32px!important;text-align:center!important;color:#fff!important;box-shadow:0 10px 30px #667eea4d!important}.cta-card h3{font-size:1.5rem!important;font-weight:700!important;margin:0 0 12px!important;color:#fff!important;border:none!important}.cta-card p{font-size:1.1rem!important;opacity:.9!important;margin:0 0 24px!important;line-height:1.5!important}.cta-buttons{display:flex!important;gap:16px!important;justify-content:center!important;flex-wrap:wrap!important}.cta-primary,.cta-secondary{padding:12px 24px!important;border-radius:12px!important;font-weight:600!important;font-size:1rem!important;cursor:pointer!important;transition:all .2s ease!important;border:none!important;display:inline-flex!important;align-items:center!important;gap:8px!important}.cta-primary{background:#fff3!important;color:#fff!important;border:2px solid rgba(255,255,255,.3)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.cta-primary:hover{background:#ffffff4d!important;border-color:#ffffff80!important;transform:translateY(-2px)!important;box-shadow:0 5px 15px #0003!important}.cta-secondary{background:#ffffff1a!important;color:#fff!important;border:2px solid rgba(255,255,255,.2)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.cta-secondary:hover{background:#fff3!important;border-color:#fff6!important;transform:translateY(-2px)!important}@media (max-width: 768px){.modal-header{padding:0 16px!important}.modal-title{margin:0 40px!important}.modal-title h2{font-size:1.125rem!important}.modal-content{padding:16px!important}.main-image{height:300px!important}.image-nav{width:40px!important;height:40px!important}.image-nav.prev{left:12px!important}.image-nav.next{right:12px!important}.thumbnail{width:60px!important;height:60px!important}.spec-grid-enhanced,.highlights-grid,.videos-grid{grid-template-columns:1fr!important}.cta-buttons{flex-direction:column!important;align-items:center!important}.cta-primary,.cta-secondary{width:100%!important;max-width:280px!important}}@media (max-width: 480px){.modal-title{margin:0 30px!important}.modal-title h2{font-size:1rem!important}.back-btn,.close-btn{width:36px!important;height:36px!important}.back-btn{padding:0 8px!important}.main-image{height:250px!important}.image-counter{bottom:12px!important;right:12px!important;font-size:.75rem!important;padding:6px 10px!important}.spec-card{padding:12px!important}.highlight-card{padding:16px!important;flex-direction:column!important;text-align:center!important}.highlight-icon{margin-right:0!important;margin-bottom:12px!important}.cta-card{padding:24px 16px!important}.faq-question,.faq-answer{padding:16px!important}}body .know-more-modal-overlay{z-index:2147483647!important;position:fixed!important}.know-more-modal-overlay[style]{position:fixed!important;z-index:2147483647!important}@media (prefers-reduced-motion: reduce){.know-more-modal-overlay,.loading-spinner,.image-nav,.thumbnail,.spec-card,.highlight-card,.video-card,.faq-item,.cta-primary,.cta-secondary{animation:none!important;transition:none!important}}@media (prefers-contrast: high){.know-more-modal{border:2px solid #000000!important}.modal-header{border-bottom:2px solid #000000!important}.back-btn,.close-btn{border:1px solid #000000!important}.spec-card,.highlight-card,.video-card,.faq-item{border:2px solid #000000!important}}.modal-content::-webkit-scrollbar{width:8px!important}.modal-content::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:4px!important}.modal-content::-webkit-scrollbar-thumb{background:#c1c1c1!important;border-radius:4px!important}.modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8!important}.modal-content{scrollbar-width:thin!important;scrollbar-color:#c1c1c1 #f1f1f1!important}.content-blocks-section{margin-bottom:32px!important}.content-blocks-container{display:flex!important;flex-direction:column!important;gap:24px!important}.content-block{background:#f9fafb!important;border-radius:12px!important;padding:20px!important;border:1px solid #e5e7eb!important}.block-text-content{font-size:1rem!important;line-height:1.6!important;color:#374151!important}.block-text-content p{margin:0 0 16px!important}.block-text-content p:last-child{margin-bottom:0!important}.block-text-content h1,.block-text-content h2,.block-text-content h3,.block-text-content h4,.block-text-content h5,.block-text-content h6{color:#1f2937!important;margin:0 0 12px!important;font-weight:600!important}.block-text-content ul,.block-text-content ol{margin:0 0 16px 20px!important;padding:0!important}.block-text-content li{margin-bottom:8px!important;line-height:1.5!important}.block-image-container{text-align:center!important}.block-image{max-width:100%!important;height:auto!important;border-radius:8px!important;box-shadow:0 4px 8px #0000001a!important}.block-image-caption{margin-top:12px!important;font-size:.875rem!important;color:#6b7280!important;font-style:italic!important;margin-bottom:0!important}.block-image-text{display:grid!important;gap:20px!important;align-items:start!important}.block-image-text.layout-left{grid-template-columns:1fr 2fr!important}.block-image-text.layout-right{grid-template-columns:2fr 1fr!important}.block-image-text.layout-right .block-image-section{order:2!important}.block-image-text.layout-right .block-text-section{order:1!important}.block-inline-image{width:100%!important;height:auto!important;border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important}.block-text-section{display:flex!important;flex-direction:column!important;justify-content:flex-start!important}@media (max-width: 768px){.content-blocks-container{gap:16px!important}.content-block{padding:16px!important}.block-image-text{grid-template-columns:1fr!important;gap:16px!important}.block-image-text.layout-right .block-image-section,.block-image-text.layout-right .block-text-section{order:unset!important}.block-text-content{font-size:.9rem!important}}@media (max-width: 480px){.content-block{padding:12px!important}.block-image-text{gap:12px!important}}.swiggy-supplier-detail{min-height:100vh;background:#f8f9fa;padding:0}.swiggy-supplier-loading,.swiggy-supplier-error{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.loading-container,.error-container{text-align:center;background:#fff;padding:3rem 2rem;border-radius:16px;box-shadow:0 4px 20px #0000001a;max-width:400px;width:100%}.loading-container h3,.error-container h2{color:#2d3436;margin:1rem 0 .5rem;font-weight:600}.loading-container p,.error-container p{color:#636e72;margin-bottom:1.5rem;line-height:1.6}.error-icon{font-size:4rem;margin-bottom:1rem}.swiggy-breadcrumb{display:flex;align-items:center;gap:.5rem;padding:1rem 0;font-size:.9rem;color:#636e72}.breadcrumb-item{color:#636e72;text-decoration:none;transition:color .3s ease}.breadcrumb-item:hover{color:#ff6b35}.breadcrumb-item.active{color:#2d3436;font-weight:500}.breadcrumb-separator{color:#b2bec3}.swiggy-supplier-header{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 12px #00000014;position:relative}.swiggy-back-btn{position:absolute;top:1.5rem;left:1.5rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#636e72}.swiggy-back-btn:hover{background:#ff6b35;color:#fff;border-color:#ff6b35;transform:translate(-2px)}.supplier-header-content{padding-top:1rem}.supplier-basic-info{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.supplier-avatar{position:relative;width:80px;height:80px}.supplier-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #ff6b35}.supplier-avatar-fallback{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#ff8f65);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700;border:3px solid #ff6b35}.supplier-name{font-size:2rem;font-weight:700;color:#2d3436;margin:0 0 .5rem;line-height:1.2}.supplier-location{display:flex;align-items:center;gap:.5rem;color:#636e72;font-size:1rem}.supplier-location svg{color:#ff6b35}.supplier-stats-grid{display:grid;gap:1.5rem}.supplier-badges{display:flex;gap:1rem;flex-wrap:wrap}.badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.badge.verified{background:#e8f5e8;color:#2d5f2d;border:1px solid #4caf50}.badge.featured{background:#fff3e0;color:#e65100;border:1px solid #ff9800}.supplier-rating-details{margin-top:1.5rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.rating-summary{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem}.score-number{font-size:2.5rem;font-weight:700;color:#ff6b35;line-height:1}.score-stars{display:flex;gap:2px}.score-stars .star{font-size:1.2rem}.rating-info{flex:1}.rating-count{font-size:1.2rem;font-weight:600;color:#2d3436;margin:0 0 .25rem}.rating-source{font-size:.9rem;color:#636e72;margin:0}.product-stats{display:flex;gap:2rem;padding-top:1rem;border-top:1px solid #dee2e6;justify-content:center}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-number{font-size:1.5rem;font-weight:700;color:#2d3436}.stat-label{font-size:.85rem;color:#636e72;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.star.filled{color:#ff6b35}.star.half{color:#ff6b35;position:relative}.star.empty{color:#ddd}.swiggy-quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.stat-icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#ff8f65);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.stat-number{font-size:1.5rem;font-weight:700;color:#2d3436;margin:0 0 .25rem}.stat-label{font-size:.9rem;color:#636e72;margin:0;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.swiggy-products-section{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 12px #00000014}.products-header{text-align:center;margin-bottom:2rem}.products-header h2{font-size:2rem;font-weight:700;color:#2d3436;margin:0 0 .5rem}.products-header p{color:#636e72;font-size:1.1rem;margin:0}.swiggy-category-filter{display:flex;gap:.5rem;margin-bottom:2rem;padding-bottom:1rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.swiggy-category-filter::-webkit-scrollbar{display:none}.category-btn{background:#f8f9fa;border:1px solid #e9ecef;border-radius:25px;padding:.75rem 1.5rem;color:#636e72;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.category-btn:hover{background:#e9ecef;border-color:#dee2e6}.category-btn.active{background:#ff6b35;border-color:#ff6b35;color:#fff}.swiggy-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.swiggy-no-products{text-align:center;padding:3rem 1rem}.no-products-content{max-width:400px;margin:0 auto}.no-products-icon{font-size:4rem;margin-bottom:1rem}.no-products-content h3{font-size:1.5rem;font-weight:600;color:#2d3436;margin:0 0 .5rem}.no-products-content p{color:#636e72;margin-bottom:1.5rem;line-height:1.6}.swiggy-transport-section{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 12px #00000014}.swiggy-transport-section h3{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:600;color:#2d3436;margin:0 0 1.5rem}.swiggy-transport-section h3 svg{color:#ff6b35}.transport-rates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.transport-rate-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.transport-rate-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;border-color:#ff6b35}.rate-distance{font-size:1.1rem;font-weight:600;color:#2d3436;margin-bottom:.5rem}.rate-price{font-size:1.5rem;font-weight:700;color:#ff6b35;margin-bottom:.5rem}.rate-time{font-size:.9rem;color:#636e72}.swiggy-business-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.business-card,.contact-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 12px #00000014}.business-card h3,.contact-card h3{font-size:1.5rem;font-weight:600;color:#2d3436;margin:0 0 1.5rem}.business-details{display:flex;flex-direction:column;gap:1rem}.detail-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #f8f9fa}.detail-item:last-child{border-bottom:none;padding-bottom:0}.detail-item strong{color:#2d3436;font-weight:600;min-width:120px;flex-shrink:0}.detail-item span{color:#636e72;text-align:right;line-height:1.5}.contact-details{display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f8f9fa;border-radius:8px}.contact-item svg{color:#ff6b35;flex-shrink:0}.contact-item span{color:#2d3436;font-weight:500}.contact-item strong{color:#2d3436;font-weight:600;min-width:100px}.swiggy-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;border:none;font-size:.9rem}.swiggy-btn-primary{background:#ff6b35;color:#fff}.swiggy-btn-primary:hover{background:#e55a2b;transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.swiggy-btn-secondary{background:#f8f9fa;color:#636e72;border:1px solid #e9ecef}.swiggy-btn-secondary:hover{background:#e9ecef;border-color:#dee2e6}@media (max-width: 768px){.swiggy-container{padding:0 .5rem}.swiggy-supplier-header{padding:1.5rem;margin-bottom:1rem}.swiggy-back-btn{top:1rem;left:1rem;width:36px;height:36px}.supplier-basic-info{flex-direction:column;text-align:center;gap:1rem}.supplier-avatar{width:60px;height:60px}.supplier-name{font-size:1.5rem}.supplier-rating-details{padding:1rem}.rating-summary{flex-direction:column;text-align:center;gap:1rem}.product-stats{justify-content:center;gap:2rem}.swiggy-quick-stats{grid-template-columns:1fr;gap:.75rem}.stat-card{padding:1rem}.swiggy-products-section{padding:1.5rem}.products-header h2{font-size:1.5rem}.swiggy-products-grid{grid-template-columns:1fr;gap:1rem}.swiggy-category-filter{gap:.25rem}.category-btn{padding:.5rem 1rem;font-size:.85rem}.transport-rates-grid{grid-template-columns:1fr}.swiggy-business-info{grid-template-columns:1fr;gap:1rem}.business-card,.contact-card{padding:1.5rem}.detail-item{flex-direction:column;gap:.5rem}.detail-item strong{min-width:auto}.detail-item span{text-align:left}.error-actions{flex-direction:column;gap:.75rem}.swiggy-btn{justify-content:center;width:100%}}@media (max-width: 480px){.supplier-header-content{padding-top:.5rem}.score-number{font-size:2rem}.swiggy-products-section,.business-card,.contact-card{padding:1rem}.products-header h2{font-size:1.25rem}.products-header p{font-size:1rem}}.swiggy-supplier-header,.swiggy-products-section,.swiggy-transport-section,.business-card,.contact-card{animation:fadeIn .6s ease-out}.text-center{text-align:center}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.swiggy-reviews-section{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 12px #00000014}.reviews-header{text-align:center;margin-bottom:2rem}.reviews-header h2{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.75rem;font-weight:700;color:#2d3436;margin:0 0 .5rem}.reviews-header h2 svg{color:#ff6b35}.reviews-header p{color:#636e72;font-size:1rem;margin:0}.reviews-overview{display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center;background:#f8f9fa;border-radius:12px;padding:2rem;margin-bottom:2rem}.rating-display{display:flex;flex-direction:column;align-items:center;gap:.5rem}.overall-score{font-size:3rem;font-weight:700;color:#ff6b35;line-height:1}.overall-stars{display:flex;gap:2px}.overall-stars .star{font-size:1.5rem}.total-reviews{font-size:.9rem;color:#636e72;margin:0}.rating-breakdown{display:flex;flex-direction:column;gap:.5rem;min-width:250px}.rating-bar{display:flex;align-items:center;gap:.75rem}.rating-stars-small{display:flex;align-items:center;gap:.25rem;font-size:.9rem;font-weight:500;color:#2d3436;min-width:60px}.progress-bar{flex:1;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#ff6b35,#ff8f65);border-radius:4px;transition:width .3s ease}.rating-count{font-size:.9rem;color:#636e72;min-width:30px;text-align:right}.verified-reviews{display:flex;flex-direction:column;align-items:center;gap:1rem}.verified-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#e8f5e8;border:1px solid #4caf50;border-radius:20px;color:#2d5f2d;font-size:.9rem;font-weight:500}.verified-badge svg{color:#4caf50}.review-filters{margin-bottom:2rem}.filter-group{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.filter-group svg{color:#ff6b35}.filter-label{font-weight:500;color:#2d3436}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{background:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;padding:.5rem 1rem;color:#636e72;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-btn:hover{background:#e9ecef;border-color:#dee2e6}.filter-btn.active{background:#ff6b35;border-color:#ff6b35;color:#fff}.review-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.review-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;border-color:#ff6b35}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.reviewer-info{display:flex;align-items:center;gap:1rem}.reviewer-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#ff8f65);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}.reviewer-details h4{font-size:1rem;font-weight:600;color:#2d3436;margin:0 0 .25rem}.reviewer-meta{display:flex;align-items:center;gap:1rem}.customer-type{font-size:.8rem;color:#636e72;background:#e9ecef;padding:.25rem .5rem;border-radius:10px}.verified-purchase{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:#2d5f2d;font-weight:500}.verified-purchase svg{color:#4caf50;font-size:.75rem}.review-rating{text-align:right}.review-rating .stars{margin-bottom:.25rem}.review-date{font-size:.8rem;color:#636e72}.review-comment{margin-bottom:1rem}.review-comment p{font-style:italic;color:#2d3436;line-height:1.6;margin:0;font-size:1rem}.review-product{border-top:1px solid #dee2e6;padding-top:1rem}.product-image{width:50px;height:50px;border-radius:8px;overflow:hidden;background:#e9ecef}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#636e72;font-size:1.5rem}.product-details h5{font-size:.9rem;font-weight:600;color:#2d3436;margin:0 0 .25rem}.product-category{font-size:.8rem;color:#636e72;text-transform:uppercase;letter-spacing:.5px}.reviews-show-more{text-align:center;margin-top:2rem}.show-more-btn{background:#ff6b35;color:#fff;border:none;border-radius:25px;padding:.75rem 2rem;font-weight:500;cursor:pointer;transition:all .3s ease}.show-more-btn:hover{background:#e55a2b;transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.no-reviews{text-align:center;padding:3rem 1rem}.no-reviews-content{max-width:400px;margin:0 auto}.no-reviews-content svg{font-size:3rem;color:#636e72;margin-bottom:1rem}.no-reviews-content h3{font-size:1.25rem;font-weight:600;color:#2d3436;margin:0 0 .5rem}.no-reviews-content p{color:#636e72;margin:0}.star.small{font-size:.8rem}@media (max-width: 768px){.swiggy-reviews-section{padding:1.5rem}.reviews-overview{grid-template-columns:1fr;gap:1.5rem;text-align:center}.rating-breakdown{min-width:auto}.filter-group{flex-direction:column;align-items:flex-start;gap:1rem}.filter-buttons{width:100%}.filter-btn{flex:1;text-align:center}.review-header{flex-direction:column;gap:1rem}.review-rating{text-align:left}.reviewer-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.overall-score{font-size:2.5rem}.overall-stars .star{font-size:1.25rem}}@media (max-width: 480px){.reviews-overview{padding:1.5rem}.review-card{padding:1rem}.product-info{flex-direction:column;text-align:center;gap:.75rem}}.privacy-policy-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:2rem 0}.privacy-content{max-width:900px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:3rem;line-height:1.7}.privacy-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #f1f5f9}.privacy-header h1{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;background:linear-gradient(135deg,#f78b29,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.privacy-section{margin-bottom:2.5rem}.privacy-section h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:1rem;position:relative;padding-bottom:.5rem}.privacy-section h2:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:linear-gradient(135deg,#f78b29,#ff6b35);border-radius:2px}.privacy-section h3{font-size:1.2rem;font-weight:600;color:#334155;margin:1.5rem 0 .8rem}.privacy-section p{font-size:1rem;color:#475569;margin-bottom:1rem}.privacy-section ul{margin:1rem 0 1.5rem 1.5rem;padding:0}.privacy-section li{font-size:1rem;color:#475569;margin-bottom:.5rem;position:relative}.privacy-section li::marker{color:#f78b29}.privacy-section strong{color:#1e293b;font-weight:600}.contact-info{background:#f8fafc;padding:1.5rem;border-radius:8px;border-left:4px solid #f78b29;margin-top:1rem}.contact-info p{margin-bottom:.5rem;font-size:.95rem}.privacy-footer{margin-top:3rem;padding-top:2rem;border-top:2px solid #f1f5f9;text-align:center}.privacy-footer p{font-size:.9rem;color:#64748b;font-style:italic;background:#f8fafc;padding:1rem;border-radius:8px;border:1px solid #e2e8f0}@media (max-width: 768px){.privacy-policy-container{padding:1rem}.privacy-content{padding:2rem 1.5rem}.privacy-header h1{font-size:2rem}.privacy-section h2{font-size:1.3rem}.privacy-section ul{margin-left:1rem}}@media (max-width: 480px){.privacy-content{padding:1.5rem 1rem}.privacy-header h1{font-size:1.8rem}.privacy-section h2{font-size:1.2rem}.contact-info{padding:1rem}}@media print{.privacy-policy-container{background:#fff;padding:0}.privacy-content{box-shadow:none;border-radius:0}.privacy-header h1{-webkit-text-fill-color:#1e293b;color:#1e293b}}.terms-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:2rem 0}.terms-content{max-width:1000px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:3rem;line-height:1.7}.terms-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #f1f5f9}.terms-header h1{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;background:linear-gradient(135deg,#f78b29,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.last-updated{font-size:1rem;color:#64748b;font-style:italic}.terms-section{margin-bottom:2.5rem}.terms-section h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:1rem;position:relative;padding-bottom:.5rem}.terms-section h2:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:linear-gradient(135deg,#f78b29,#ff6b35);border-radius:2px}.terms-section h3{font-size:1.2rem;font-weight:600;color:#334155;margin:1.5rem 0 .8rem}.terms-section p{font-size:1rem;color:#475569;margin-bottom:1rem;text-align:justify}.terms-section ul{margin:1rem 0 1.5rem 1.5rem;padding:0}.terms-section li{font-size:1rem;color:#475569;margin-bottom:.8rem;position:relative;text-align:justify}.terms-section li::marker{color:#f78b29}.terms-section strong{color:#1e293b;font-weight:600}.terms-footer{margin-top:3rem;padding-top:2rem;border-top:2px solid #f1f5f9;text-align:center}.terms-footer p{font-size:.95rem;color:#64748b;font-weight:500;background:#f8fafc;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0}.terms-section h2:first-child{margin-top:0}.terms-section h3:first-child{margin-top:1rem}.terms-section h2:contains("TERMS OF SERVICE OF AGGREKART"){font-size:1.8rem;text-align:center;color:#1e293b;margin-bottom:1.5rem}@media (max-width: 768px){.terms-container{padding:1rem}.terms-content{padding:2rem 1.5rem}.terms-header h1{font-size:2rem}.terms-section h2{font-size:1.3rem}.terms-section h3{font-size:1.1rem}.terms-section ul{margin-left:1rem}.terms-section p{font-size:.95rem}}@media (max-width: 480px){.terms-content{padding:4.5rem 1rem}.terms-header h1{font-size:1.8rem}.terms-section h2{font-size:1.2rem}.terms-section h3{font-size:1rem}.terms-section p{font-size:.9rem}}html{scroll-behavior:smooth}@media print{.terms-container{background:#fff;padding:0}.terms-content{box-shadow:none;border-radius:0}.terms-header h1{-webkit-text-fill-color:#1e293b;color:#1e293b}.terms-section p,.terms-section li{font-size:12pt;line-height:1.5}}.terms-section p,.terms-section li{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.suspension-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;z-index:9999;box-shadow:0 4px 12px #00000026;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.suspension-banner-content{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;max-width:1200px;margin:0 auto;gap:16px}.suspension-icon{display:flex;align-items:center;color:#fef2f2}.suspension-message{flex:1}.suspension-message h4{margin:0 0 4px;font-size:1.1rem;font-weight:600}.suspension-message p{margin:0;font-size:.9rem;opacity:.9;line-height:1.4}.suspension-actions{display:flex;gap:8px}.logout-btn,.close-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.logout-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.logout-btn:hover{background:#ffffff4d}.close-btn{background:transparent;color:#fff;border:1px solid transparent;padding:8px}.close-btn:hover{background:#ffffff1a}@media (max-width: 768px){.suspension-banner-content{flex-direction:column;text-align:center;gap:12px}.suspension-message h4{font-size:1rem}.suspension-message p{font-size:.85rem}.suspension-actions{justify-content:center}}body.suspension-banner-active{margin-top:80px}@media (max-width: 768px){body.suspension-banner-active{margin-top:120px}}.support-widget{position:fixed;bottom:20px;right:20px;z-index:1000}.support-toggle{width:60px;height:60px;border-radius:50%;background:#ff6b35;border:none;color:#fff;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.support-toggle:hover{background:#e55a2e;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.support-menu{position:absolute;bottom:70px;right:0;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;width:280px;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.support-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#ff6b35;color:#fff}.support-header h4{margin:0;font-size:16px;font-weight:600}.close-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.close-btn:hover{background:#fff3}.support-options{padding:10px 0}.support-option{display:flex;align-items:center;gap:12px;padding:12px 20px;text-decoration:none;color:#333;transition:background .2s ease}.support-option:hover{background:#f8f9fa;color:#333}.option-icon{font-size:18px;width:24px;text-align:center}.option-text{font-size:14px;font-weight:500}.support-footer{padding:10px 20px;background:#f8f9fa;text-align:center;border-top:1px solid #eee}.support-footer small{color:#666;font-size:12px}@media (max-width: 768px){.support-widget{bottom:15px;right:15px}.support-toggle{width:50px;height:50px;font-size:20px}.support-menu{width:260px;bottom:60px}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.create-promotion-modal{background:#fff;border-radius:20px;width:100%;max-width:800px;height:90vh;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #0003;animation:modalSlideUp .3s ease-out;overflow:hidden}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0}.modal-title{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.modal-title h2{margin:0;font-size:1.5rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-close{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.modal-close:hover{background:#ffffff4d;transform:scale(1.05)}.modal-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.modal-content form{height:100%;display:flex;flex-direction:column}.form-scroll-area{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.form-scroll-area::-webkit-scrollbar{width:6px}.form-scroll-area::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.form-scroll-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.form-scroll-area::-webkit-scrollbar-thumb:hover{background:#94a3b8}.create-form-section{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.create-form-section:last-of-type{border-bottom:none;padding-bottom:0}.create-form-section h3{display:flex;align-items:center;gap:.5rem;color:#1e293b;font-size:1.125rem;font-weight:600;margin:0;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group label{font-weight:500;color:#374151;font-size:.875rem}.form-group input,.form-group textarea,.form-group select{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;color:#374151;background:#fff;transition:all .3s ease;width:100%;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:#ef4444;background:#fef2f2}.form-group small{color:#6b7280;font-size:.75rem;font-style:italic}.error-message{color:#ef4444;font-size:.75rem;display:flex;align-items:center;gap:.25rem}.error-message:before{content:"⚠"}.checkbox-group{display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.checkbox-label:hover{background:#f8fafc}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6;cursor:pointer;flex-shrink:0}.checkbox-label span{font-size:.875rem;color:#374151;flex:1}.create-form-actions,.form-actions{flex-shrink:0;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem;border-top:1px solid #e2e8f0;background:#fff;box-shadow:0 -2px 10px #0000001a}.btn-secondary,.btn-primary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;font-size:.875rem;min-width:120px;white-space:nowrap;height:44px;box-sizing:border-box}.btn-secondary{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.btn-secondary:hover{background:#f1f5f9;color:#475569}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 480px){.modal-overlay{padding:.25rem;align-items:stretch}.create-promotion-modal{height:100vh;max-height:100vh;border-radius:0;margin:0}.modal-header{padding:1rem}.modal-title h2{font-size:1.125rem}.modal-close{width:32px;height:32px}.form-scroll-area{padding:1rem;gap:1.25rem}.create-form-section{gap:1rem;padding-bottom:1.25rem}.create-form-section h3{font-size:1rem}.form-row{grid-template-columns:1fr;gap:1rem}.form-group input,.form-group textarea,.form-group select{padding:.625rem}.create-form-actions,.form-actions{flex-direction:column-reverse;gap:.75rem;padding:1rem}.btn-secondary,.btn-primary{width:100%;justify-content:center;min-width:unset;padding:.875rem 1rem}}@media (min-width: 481px) and (max-width: 768px){.modal-overlay{padding:.5rem}.create-promotion-modal{height:95vh;max-height:95vh;border-radius:16px}.modal-header{padding:1.5rem}.modal-title h2{font-size:1.25rem}.modal-close{width:36px;height:36px}.form-scroll-area{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:1rem}.create-form-actions,.form-actions{flex-direction:column-reverse;gap:.75rem;padding:1.25rem 1.5rem}.btn-secondary,.btn-primary{width:100%;justify-content:center;min-width:unset}}@media (min-width: 769px) and (max-width: 1024px){.modal-overlay{padding:1.5rem}.create-promotion-modal{max-width:90%;height:85vh;max-height:85vh}.form-scroll-area{padding:1.75rem}.create-form-actions,.form-actions{padding:1.25rem 1.75rem}}@media (min-width: 1025px){.modal-overlay{padding:2rem}.create-promotion-modal{max-width:800px;height:90vh;max-height:90vh}.form-scroll-area{padding:2rem}.create-form-actions,.form-actions{padding:1.5rem 2rem}}.analytics-modal{background:#fff;border-radius:20px;width:100%;max-width:1000px;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px #0003;animation:modalSlideUp .3s ease-out}.analytics-modal .modal-title{flex-direction:column;align-items:flex-start;gap:.25rem}.analytics-modal .modal-title p{font-size:.875rem;opacity:.8;margin:0}.analytics-controls{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;padding:1rem;border-radius:12px;margin-bottom:2rem}.date-range-selector{display:flex;align-items:center;gap:.75rem}.date-range-selector label{font-weight:500;color:#374151;font-size:.875rem}.date-range-selector select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:.875rem;cursor:pointer}.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.refresh-btn:disabled{background:#9ca3af;cursor:not-allowed}.analytics-loading,.analytics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#64748b}.analytics-loading svg{margin-bottom:1rem;color:#3b82f6}.analytics-error svg{margin-bottom:1rem;color:#d1d5db}.analytics-error h3{color:#374151;margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.analytics-error p{margin:0;text-align:center;max-width:400px;line-height:1.6}.analytics-content{display:flex;flex-direction:column;gap:2rem}.analytics-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.analytics-card{background:#fff;padding:1.5rem;border-radius:12px;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0}.analytics-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0}.analytics-section h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.metric-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f8fafc;border-radius:8px}.metric-item label{font-size:.875rem;color:#64748b;font-weight:500}.metric-item value{font-size:1.25rem;font-weight:600;color:#1e293b}.customer-breakdown{display:flex;flex-direction:column;gap:1rem}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.breakdown-info h4{margin:0 0 .25rem;color:#1e293b;font-size:.875rem;font-weight:600}.breakdown-info p{margin:0;color:#64748b;font-size:.75rem}.breakdown-stats{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.usage-count{font-size:.875rem;font-weight:500;color:#3b82f6}.savings{font-size:.75rem;color:#10b981;font-weight:500}.usage-timeline{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.timeline-item{display:grid;grid-template-columns:100px 120px 1fr;gap:1rem;align-items:center;padding:.75rem 0;border-bottom:1px solid #f1f5f9}.timeline-date{font-size:.75rem;color:#64748b;font-weight:500}.timeline-stats{display:flex;flex-direction:column;gap:.25rem}.timeline-stats .views{font-size:.75rem;color:#64748b}.timeline-stats .uses{font-size:.75rem;color:#3b82f6;font-weight:500}.timeline-bar{height:6px;background:#f1f5f9;border-radius:3px;overflow:hidden}.usage-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);transition:width .3s ease}.promotion-details{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8fafc;border-radius:8px}.detail-row label{font-size:.875rem;color:#64748b;font-weight:500}.detail-row span{font-size:.875rem;color:#1e293b;font-weight:500}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-pending_approval{background:#fef3c7;color:#92400e}.status-rejected{background:#fecaca;color:#991b1b}.status-paused{background:#f3f4f6;color:#374151}.status-expired{background:#f3f4f6;color:#6b7280}.status-draft{background:#e0e7ff;color:#3730a3}@media (max-width: 768px){.analytics-modal{max-width:100%;max-height:95vh}.analytics-controls{flex-direction:column;gap:1rem;align-items:stretch}.analytics-cards{grid-template-columns:1fr}.analytics-card{flex-direction:column;text-align:center}.metrics-grid{grid-template-columns:1fr}.breakdown-item{flex-direction:column;gap:.75rem;text-align:center}.timeline-item{grid-template-columns:1fr;gap:.5rem;text-align:center}.detail-row{flex-direction:column;gap:.5rem;text-align:center}}.supplier-loyalty-management{width:100%;min-height:100vh;margin-top:80px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column;justify-content:center}.supplier-loyalty-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#64748b}.loyalty-spinner{margin-bottom:1rem;color:#3b82f6}.supplier-loyalty-loading h3{margin:.5rem 0;color:#334155;font-size:1.5rem;font-weight:600}.supplier-loyalty-loading p{margin:0;color:#64748b;font-size:1rem}.supplier-loyalty-header{width:100%;max-width:1200px;border-radius:16px;background-color:#fff;color:#fff;box-shadow:0 10px 25px #667eea4d;display:flex;justify-content:space-between;align-items:center;padding:2rem;margin:0 auto;margin-top:4rem;margin-bottom:2rem}.loyalty-header-content{position:relative;left:450px;display:flex;justify-content:center;flex-direction:column;gap:.5rem}.loyalty-header-content h1{font-size:2rem;font-weight:700;margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.loyality-header-icon{width:60px;height:60px;color:#000;background-color:#3b82f6;background:#fff3;padding:.5rem;border-radius:8px}.loyalty-header-content p{font-size:1.1rem;opacity:.9;margin:0}.create-promotion-btn{margin-left:550px;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;margin-top:40px;margin-bottom:23px}.create-promotion-btn.primary{background:#3b82f6;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.create-promotion-btn.primary:hover{background:#ffffff4d;color:#000;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.loyalty-nav{width:100%;max-width:1200px;display:flex;gap:.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;margin:0 auto;margin-bottom:2rem;padding:.5rem}.nav-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;background:transparent;color:#64748b;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;flex:1;justify-content:center}.nav-tab:hover{background:#f1f5f9;color:#334155}.nav-tab.active{background:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.loyalty-dashboard{width:100%;max-width:1200px;margin:0 auto;border-radius:1rem;display:flex;flex-direction:column;gap:2rem}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.loyalty-card{background:#fff;padding:2rem;border-radius:16px;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;transition:all .3s ease;flex-direction:column}.loyalty-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #0000001a}.card-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.card-icon.bg-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.card-icon.bg-green{background:linear-gradient(135deg,#10b981,#059669)}.card-icon.bg-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.card-icon.bg-orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.loyality-card-content{display:flex;flex-direction:column}.loyality-card-content h3{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 .25rem}.loyality-card-content p{color:#64748b;font-weight:500;margin:0 0 .5rem}.card-content{display:flex;flex-direction:column}.card-trend{font-size:.875rem;color:#10b981;font-weight:500}.dashboard-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0}.dashboard-section h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0}.customer-distribution{display:flex;flex-direction:column;gap:1rem}.distribution-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.customer-type-badge{display:flex;align-items:center;gap:.5rem;color:#3b82f6}.customer-type-badge h4{margin:0;font-size:1rem;font-weight:600;color:#1e293b}.distribution-info p{margin:.25rem 0 0;color:#64748b;font-size:.875rem}.distribution-stats{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.total-value{font-size:1.125rem;font-weight:600;color:#1e293b}.avg-value{font-size:.875rem;color:#64748b}.top-promotions{display:flex;flex-direction:column;gap:1rem}.promotion-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.promotion-rank{display:flex;align-items:center;gap:.5rem;color:#f59e0b;font-weight:600;min-width:60px}.promotion-info{flex:1}.promotion-info h4{margin:0 0 .25rem;color:#1e293b;font-size:1rem;font-weight:600}.promotion-type{font-size:.875rem;color:#64748b;text-transform:capitalize}.promotion-stats{display:flex;gap:1rem;font-size:.875rem}.conversions,.savings,.rate{color:#10b981;font-weight:500}.promotions-section{display:flex;flex-direction:column;gap:2rem;width:100%;max-width:1200px;margin:0 auto}.promotions-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000000d}.promotions-filters{display:flex;gap:1rem}.filter-group{display:flex;align-items:center;gap:.5rem;color:#64748b}.filter-group select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:.875rem;cursor:pointer}.search-group{display:flex;align-items:center;gap:.5rem;color:#64748b}.search-input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:.875rem;min-width:200px}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.promotions-list{display:flex;flex-direction:column;gap:1.5rem;padding:0}.empty-state{display:flex;flex-direction:column;align-items:center;padding:3rem 2rem;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;color:#6b7280;text-align:center;border:2px dashed #e5e7eb}.empty-state svg{margin-bottom:1rem;color:#d1d5db;width:48px;height:48px}.empty-state h3{color:#374151;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.empty-state p{margin:0 0 1.5rem;line-height:1.6;max-width:400px}.promotion-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb;transition:all .3s ease;margin-bottom:1rem}.promotion-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f;border-color:#3b82f6}.promotion-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.promotion-title-section{flex:1;min-width:0}.promotion-title-section h4{margin:0 0 .5rem;color:#1f2937;font-size:1.25rem;font-weight:700;line-height:1.3;word-wrap:break-word}.promotion-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-active{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.status-pending{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.status-rejected{background:#fecaca;color:#991b1b;border:1px solid #fca5a5}.status-paused{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.status-expired{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.status-draft{background:#e0e7ff;color:#3730a3;border:1px solid #c7d2fe}.promotion-type{background:#f1f5f9;color:#475569;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize;border:1px solid #e2e8f0}.coupon-code{display:inline-flex;align-items:center;gap:.25rem;background:#dbeafe;color:#1e40af;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;border:1px solid #bfdbfe;letter-spacing:.5px}.promotion-actions{display:flex;gap:.5rem;flex-shrink:0}.action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.action-btn:hover:after{content:attr(title);position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:1000}.action-btn.analytics{background:#f0f9ff;color:#0284c7}.action-btn.analytics:hover{background:#0284c7;color:#fff}.action-btn.toggle{background:#f0fdf4;color:#16a34a}.action-btn.toggle:hover{background:#16a34a;color:#fff}.action-btn.edit{background:#fef3c7;color:#d97706}.action-btn.edit:hover{background:#d97706;color:#fff}.action-btn.danger{background:#fef2f2;color:#dc2626}.action-btn.danger:hover{background:#dc2626;color:#fff}.promotion-content{padding-top:1rem;border-top:1px solid #f3f4f6}.promotion-description{color:#6b7280;margin:0 0 1rem;line-height:1.6;font-size:.95rem;font-style:italic}.promotion-details{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1rem;background:#f9fafb;padding:1rem;border-radius:8px;border:1px solid #f3f4f6}.detail-item{display:flex;align-items:center;gap:.5rem;color:#374151;font-size:.875rem;font-weight:500}.detail-item svg{color:#6b7280;flex-shrink:0}.detail-item span{font-weight:600;color:#1f2937}.promotion-performance{display:flex;gap:1.5rem;padding:1rem;background:#f0fdf4;border-radius:8px;border:1px solid #dcfce7;margin-top:1rem}.performance-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#059669;font-weight:600}.performance-item svg{color:#10b981;width:16px;height:16px}.analytics-section{display:flex;flex-direction:column;align-items:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;color:#64748b;width:100%;max-width:1200px;margin:0 auto}.analytics-section h3{color:#374151;margin:0 0 .5rem;font-size:1.5rem;font-weight:600}@media (max-width: 1024px){.supplier-loyalty-header{padding:1.5rem}.loyalty-header-content{left:300px}.create-promotion-btn{margin-left:350px}.loyalty-nav{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.loyalty-nav::-webkit-scrollbar{display:none}.nav-tab{min-width:120px;flex-shrink:0}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.supplier-loyalty-management{padding:1rem}.supplier-loyalty-header{flex-direction:column;gap:1rem;padding:1.5rem;margin-top:2rem}.loyalty-header-content{position:static;left:auto;align-items:center;text-align:center}.loyalty-header-content h1{font-size:1.6rem;margin-top:0;flex-direction:column;gap:.5rem}.loyality-header-icon{width:50px;height:50px}.create-promotion-btn{margin-left:0;margin:1rem 0 0;width:100%;max-width:300px;justify-content:center}.loyalty-nav{flex-wrap:wrap;gap:.25rem}.nav-tab{min-width:100px;padding:.5rem .75rem;font-size:.875rem}.loyalty-dashboard{width:100%}.dashboard-cards{width:100%;grid-template-columns:1fr;gap:1rem}.loyalty-card{width:100%;flex-direction:column;text-align:center;padding:1.5rem;gap:1rem}.distribution-item{flex-direction:column;padding:1rem;text-align:center;align-items:center;gap:1rem}.distribution-info{align-items:center}.distribution-stats{align-items:center;text-align:center}.promotion-item{flex-direction:column;align-items:center;text-align:center;gap:1rem}.promotion-stats{justify-content:center;flex-wrap:wrap}.promotions-controls{flex-direction:column;align-items:stretch;gap:1rem}.promotions-filters{flex-direction:column;gap:.75rem}.search-group{align-self:stretch}.search-input{min-width:100%;width:100%}.promotion-card{padding:1rem;margin-bottom:1rem}.promotion-header{flex-direction:column;gap:.75rem;align-items:stretch}.promotion-title-section h4{font-size:1.1rem;margin-bottom:.75rem}.promotion-meta{justify-content:flex-start;gap:.5rem;margin-bottom:1rem}.promotion-actions{justify-content:center;gap:1rem;margin-top:.5rem}.action-btn{width:40px;height:40px}.promotion-details{padding:.75rem;gap:.5rem}.detail-item{font-size:.8rem;flex-wrap:wrap}.promotion-performance{flex-direction:column;gap:.75rem;padding:.75rem}.performance-item{justify-content:center;font-size:.8rem}}@media (max-width: 480px){.supplier-loyalty-management{padding:.5rem}.supplier-loyalty-header{padding:1rem;margin-top:1rem}.loyalty-header-content h1{font-size:1.4rem}.loyality-header-icon{width:45px;height:45px}.create-promotion-btn{margin-left:55px;margin-bottom:8px;padding:.75rem;font-size:.9rem}.nav-tab{min-width:90px;padding:.5rem;font-size:.8rem}.loyalty-card{padding:1rem}.loyality-card-content h3{font-size:1.5rem}.dashboard-section,.promotion-card{padding:1rem}.promotion-title-section h4{font-size:1.1rem}.promotion-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.status-badge,.promotion-type,.coupon-code{font-size:.7rem;padding:.2rem .5rem;align-self:flex-start}.promotion-performance{gap:.5rem}.performance-item{font-size:.75rem}}.cart-icon{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#374151;transition:all .2s ease;padding:8px;border-radius:8px;position:relative;cursor:pointer}.cart-icon:hover{color:#3b82f6;background-color:#eff6ff;text-decoration:none}.cart-icon-container{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:2px}.cart-icon-symbol{font-size:1.5rem;transition:transform .2s ease}.cart-icon:hover .cart-icon-symbol{transform:scale(1.1)}.cart-badge{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;min-width:20px;padding:0 2px;animation:bounce .5s ease}.cart-label{font-size:.75rem;font-weight:500;margin-top:2px}.cart-loading-indicator{position:absolute;top:-2px;right:-2px;width:12px;height:12px;border:2px solid #3B82F6;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.cart-icon{padding:6px}.cart-icon-symbol{font-size:1.25rem}.cart-label{font-size:.7rem}.cart-badge{width:18px;height:18px;font-size:.7rem}.login-prompt-modal{margin:20px;width:calc(100% - 40px)}.login-prompt-actions{flex-direction:column}}.wishlist-icon{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#374151;transition:all .2s ease;padding:8px;border-radius:8px;position:relative;cursor:pointer}.wishlist-icon:hover{color:#e11d48;background-color:#fef2f2;text-decoration:none}.wishlist-icon-container{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:2px}.wishlist-icon-symbol{font-size:1.5rem;transition:transform .2s ease}.wishlist-icon:hover .wishlist-icon-symbol{transform:scale(1.1)}.wishlist-badge{position:absolute;top:-8px;right:-8px;background:#e11d48;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;min-width:20px;padding:0 2px;animation:bounce .5s ease}.wishlist-label{font-size:.75rem;font-weight:500;margin-top:2px}.wishlist-loading-indicator{position:absolute;top:-2px;right:-2px;width:12px;height:12px;border:2px solid #e11d48;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.login-prompt-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.login-prompt-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.login-prompt-header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 10px;border-bottom:1px solid #e5e7eb}.login-prompt-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#374151}.close-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.close-btn:hover{background:#f3f4f6;color:#374151}.login-prompt-content{padding:20px;text-align:center}.login-prompt-icon{font-size:3rem;margin-bottom:15px}.login-prompt-content p{color:#6b7280;margin-bottom:25px;line-height:1.5}.login-prompt-actions{display:flex;gap:12px;margin-bottom:20px}.btn-login-prompt{flex:1;background:#3b82f6;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-login-prompt:hover{background:#2563eb;transform:translateY(-1px)}.btn-signup-prompt{flex:1;background:#fff;color:#3b82f6;border:2px solid #3B82F6;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-signup-prompt:hover{background:#3b82f6;color:#fff;transform:translateY(-1px)}.login-prompt-note{font-size:.875rem;color:#6b7280;margin:0}.login-prompt-note span{color:#3b82f6;cursor:pointer;text-decoration:underline}.login-prompt-note span:hover{color:#2563eb}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:scale(1)}40%,43%{transform:scale(1.2)}}@media (max-width: 768px){.wishlist-icon{padding:6px}.wishlist-icon-symbol{font-size:1.25rem}.wishlist-label{font-size:.7rem}.wishlist-badge{width:18px;height:18px;font-size:.7rem}.login-prompt-modal{margin:20px;width:calc(100% - 40px)}.login-prompt-actions{flex-direction:column}}.auth-dropdown{position:relative;display:inline-block}.auth-dropdown-trigger{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#1f2937;color:#fff;border:none;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:140px;justify-content:center}.auth-dropdown-trigger:hover{background:#374151;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.dropdown-arrow{transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.auth-dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;border:1px solid #e5e7eb;min-width:280px;z-index:1000;overflow:hidden;animation:dropdownSlide .2s ease-out}.dropdown-content{padding:.5rem 0}.dropdown-item{display:block;padding:0;text-decoration:none;color:inherit;transition:all .2s ease}.dropdown-item:hover{text-decoration:none;color:inherit}.item-content{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;transition:all .2s ease}.dropdown-item:hover .item-content{background:#f8fafc}.customer-registration:hover .item-content{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.supplier-registration:hover .item-content{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.login-link:hover .item-content{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#7c3aed}.item-icon{font-size:1.25rem;flex-shrink:0}.item-text{font-weight:500;font-size:.9rem}.dropdown-divider{height:1px;background:#e5e7eb;margin:.5rem 0}.login-link .item-text{font-size:.85rem;color:#6b7280}.login-link:hover .item-text{color:#7c3aed}@media (max-width: 768px){.auth-dropdown-trigger{padding:.6rem 1.2rem;font-size:.85rem;min-width:120px}.auth-dropdown-menu{min-width:260px;right:-20px}.item-content{padding:.875rem 1rem}.item-text{font-size:.85rem}}@media (max-width: 480px){.auth-dropdown-menu{position:fixed;top:auto;right:1rem;left:1rem;bottom:auto;transform:translateY(10px);min-width:auto;margin-top:.75rem}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;border-bottom:1px solid #e5e7eb;transition:all .3s ease;height:75px;box-shadow:0 1px 3px #0000001a}.navbar-scrolled{height:65px;box-shadow:0 4px 6px #0000001a}.navbar-container{max-width:1400px;margin:0 auto;padding:0 1.5rem;height:100%}.navbar-content{display:flex;align-items:center;justify-content:space-between;height:100%;width:100%}.navbar-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:transform .2s ease;flex-shrink:0;background:transparent}.navbar-logo:hover{transform:translateY(-1px);text-decoration:none}.logo-image{height:64px;width:auto;object-fit:contain;border-radius:8px;transition:all .3s ease;background:transparent}.navbar-scrolled .logo-image{height:64px}.logo-image:hover{transform:scale(1.05);background:transparent}.logo-icon{display:none}.logo-icon-fallback{font-size:1.75rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:logoFloat 3s ease-in-out infinite;display:none}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.logo-text-container{display:flex;flex-direction:column}.logo-text{font-size:1.5rem;font-weight:800;color:#1f2937;line-height:1}.logo-tagline{font-size:.55rem;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;margin-left:2px}.navbar-nav{display:flex;align-items:center;gap:.75rem}.nav-link{padding:.625rem 1rem;color:#4b5563;text-decoration:none;font-weight:500;font-size:.9rem;border-radius:8px;transition:all .3s ease;position:relative}.nav-link:hover{color:#3b82f6;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);text-decoration:none;transform:translateY(-1px)}.nav-link.active{color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);font-weight:600}.navbar-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0;min-width:fit-content;overflow:visible;position:relative;z-index:10}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;box-shadow:0 2px 8px #3b82f64d;transition:transform .2s ease;flex-shrink:0}.user-avatar:hover{transform:scale(1.05)}.hamburger-btn{display:flex!important;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;background:none;border:none;cursor:pointer;border-radius:8px;transition:all .3s ease;gap:4px;padding:0;margin:0;flex-shrink:0;position:relative;z-index:15;overflow:visible!important;min-width:48px;min-height:48px}.hamburger-btn:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:scale(1.03)}.hamburger-btn span{display:block;width:24px;height:2px;background:#374151;border-radius:2px;transition:all .3s ease;flex-shrink:0}.hamburger-btn.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px);background:#3b82f6}.hamburger-btn.active span:nth-child(2){opacity:0}.hamburger-btn.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px);background:#3b82f6}.hamburger-menu{position:absolute;top:100%;right:0;width:320px;max-width:90vw;background:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 12px 12px;box-shadow:0 8px 25px #0000001f;z-index:999;max-height:75vh;overflow-y:auto;animation:slideDown .3s ease}.menu-user-info{display:flex;align-items:center;gap:.875rem;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.user-avatar-large{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;box-shadow:0 4px 12px #3b82f64d}.user-details h3{margin:0 0 .2rem;font-size:1rem;font-weight:600;color:#1f2937}.user-details p{margin:0 0 .4rem;font-size:.8rem;color:#6b7280}.role-badge{display:inline-block;padding:.125rem .5rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;border-radius:12px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.menu-items{padding:.75rem 0}.menu-item{display:flex;align-items:center;gap:.875rem;width:100%;padding:.875rem 1.5rem;color:#374151;text-decoration:none;font-size:.9rem;font-weight:500;border:none;background:none;cursor:pointer;transition:all .3s ease;text-align:left}.menu-item:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#1d4ed8;transform:translate(4px)}.menu-item.active{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8;font-weight:600;border-left:3px solid #3b82f6;margin-left:0;padding-left:1.375rem}.menu-item.logout{color:#dc2626;border-top:1px solid #f3f4f6;margin-top:.4rem}.menu-item.logout:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626}.menu-item.whatsapp{color:#25d366}.menu-item.whatsapp:hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.menu-item.supplier{color:#f59e0b}.menu-item.supplier:hover{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.menu-icon{font-size:1.1rem;width:20px;text-align:center;flex-shrink:0}.menu-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,#e5e7eb,transparent);margin:.75rem 0}@media (max-width: 768px){.navbar-nav{display:none}.container{padding:0 12px}.navbar-logo{gap:.5rem}.logo-image{height:35px}.navbar-scrolled .logo-image{height:32px}.logo-text{font-size:1.35rem}.logo-tagline{display:none}.user-avatar{width:32px;height:32px;font-size:.8rem}.hamburger-btn{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;margin:0!important;position:relative!important;right:0!important;flex-shrink:0!important;overflow:visible!important}.hamburger-btn span{width:20px}.hamburger-menu{width:300px;max-width:85vw}}@media (max-width: 480px){.container{padding:0 8px}.logo-image,.navbar-scrolled .logo-image{height:54px}.logo-text{font-size:1.2rem}.hamburger-btn{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}.hamburger-btn span{width:18px}.hamburger-menu{width:280px;max-width:80vw;right:8px}.menu-user-info{padding:1rem 1.25rem}.menu-item{padding:.75rem 1.25rem;font-size:.85rem}}@media (max-width: 360px){.container{padding:0 6px}.logo-image{height:26px}.navbar-scrolled .logo-image{height:24px}.logo-text{font-size:1.1rem}.logo-icon-fallback{font-size:1.5rem}.hamburger-btn{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}.hamburger-btn span{width:16px}.hamburger-menu{width:calc(100vw - 12px);max-width:calc(100vw - 12px);right:6px;left:6px;border-radius:0 0 8px 8px}}.navbar-content>*{flex-shrink:0}.navbar-actions>*{flex-shrink:0}.navbar-logo:focus,.navbar-logo:active,.logo-image:focus,.logo-image:active{outline:none!important;box-shadow:none!important;border:none!important}.hamburger-menu::-webkit-scrollbar{width:6px}.hamburger-menu::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.hamburger-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.hamburger-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.hamburger-btn:focus,.menu-item:focus,.nav-link:focus{outline:2px solid #3b82f6;outline-offset:2px}.menu-item:hover .menu-icon{transform:scale(1.1);transition:transform .2s ease}.hamburger-menu *{transition:all .2s ease}.hamburger-btn{z-index:1001!important;position:relative!important;overflow:visible!important}.navbar-actions{overflow:visible!important;flex-shrink:0!important}.hamburger-menu{position:absolute!important;z-index:1000!important}.logo-image[src=""],.logo-image:not([src]){display:none}.logo-image[src=""]:after,.logo-image:not([src]):after{content:"🏗️";display:inline-block;font-size:1.75rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (min-width: 1024px){.desktop-search{display:flex}.navbar-content{gap:0}}@media (min-width: 768px){.desktop-search{display:flex}}@media (max-width: 767px){.desktop-search{display:none}.navbar-actions{gap:.5rem}}.auth-buttons{display:flex;align-items:center;gap:.75rem}.desktop-auth{display:none}.user-actions{display:flex;align-items:center;gap:1rem;margin-right:1rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;margin-right:1rem}.user-avatar:hover{transform:scale(1.05);box-shadow:0 4px 12px #3b82f64d}@media (min-width: 769px){.desktop-auth{display:flex!important}.hamburger-btn{display:none}.navbar-actions{display:flex;align-items:center;gap:1rem}}@media (max-width: 768px){.desktop-auth{display:none!important}.user-actions{margin-right:.5rem;gap:.75rem}.user-avatar{width:35px;height:35px;font-size:.8rem;margin-right:.5rem}}.menu-items .menu-item.supplier{color:#000;margin-top:.5rem}.menu-items .menu-item.supplier:hover{transform:translate(5px)}.navbar-search{flex:1;display:flex;justify-content:center;max-width:500px;margin:0 2rem}.desktop-search{display:none}.mobile-search{padding:15px 20px;border-bottom:1px solid #e5e7eb}.mobile-search .search-bar.expanded .search-input-container{width:100%}.navbar-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}@media (min-width: 1024px){.desktop-search{display:flex}.navbar-content{gap:0}.mobile-search{display:none}}@media (min-width: 768px){.desktop-search{display:flex}.mobile-search{display:none}}@media (max-width: 767px){.desktop-search{display:none}.navbar-actions{gap:.5rem}.mobile-search{display:block}}.mobile-profile-toggle{display:flex;align-items:center;gap:8px;margin-top:8px;padding:4px 0}.mobile-profile-toggle .toggle-label{font-size:12px;color:#666;font-weight:500}.navbar-actions,.user-actions{display:flex;align-items:center;gap:8px}@media (min-width: 769px){.mobile-profile-toggle{display:none}}.search-bar{position:relative;display:flex;align-items:center;transition:all .3s ease;width:40px}.search-input-container{position:relative;display:flex;align-items:center;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:25px;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;height:40px;overflow:hidden}.search-bar.expanded{width:400px}.search-bar.expanded .search-input-container{width:100%;background:#fff;border-color:#3b82f6;box-shadow:0 4px 20px #3b82f626}.search-icon-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;flex-shrink:0;width:40px;height:40px;z-index:2}.search-icon-btn:hover{color:#3b82f6;background-color:#3b82f61a}.search-input{flex:1;border:none;outline:none;background:transparent;font-size:1rem;color:#374151;padding:0 16px 0 8px;opacity:0;width:0;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-20px)}.search-bar.expanded .search-input{opacity:1;width:100%;transform:translate(0)}.search-input::placeholder{color:#9ca3af;font-size:.95rem}.clear-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#6b7280;cursor:pointer;padding:6px;border-radius:50%;transition:all .2s ease;margin-right:8px;opacity:0;transform:scale(.8)}.search-bar.expanded .clear-btn{opacity:1;transform:scale(1)}.clear-btn:hover{color:#ef4444;background-color:#ef44441a}.search-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;z-index:1000;margin-top:8px;overflow:hidden;animation:slideDown .2s ease}.suggestion-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:none;background:none;text-align:left;cursor:pointer;transition:background-color .2s ease;font-size:.95rem;color:#374151}.suggestion-item:hover{background-color:#f8f9fa}.suggestion-item:not(:last-child){border-bottom:1px solid #f1f3f4}.suggestion-icon{color:#9ca3af;flex-shrink:0}@media (min-width: 1024px){.search-bar{width:45px}.search-bar.expanded{width:450px}.search-input-container{height:44px;width:45px}.search-icon-btn{width:44px;height:44px}.search-input{font-size:1rem;padding:0 20px 0 10px}.search-input::placeholder{font-size:1rem}}@media (min-width: 768px) and (max-width: 1023px){.search-bar.expanded{width:350px}}@media (max-width: 767px){.search-bar{width:36px}.search-bar.expanded{width:280px}.search-input-container{width:36px;height:36px}.search-icon-btn{width:36px;height:36px;padding:6px}.search-input{font-size:.9rem;padding:0 12px 0 6px}}@media (max-width: 480px){.search-bar.expanded{width:250px}}.search-input:focus{outline:none}.search-input-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-bar:not(.expanded):hover .search-input-container{background:#f1f3f4;transform:scale(1.05)}@media (min-width: 768px){.search-input-container,.search-input{transition:all .4s cubic-bezier(.25,.46,.45,.94)}}.profile-visibility-switch{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#007bff0d;border:1px solid rgba(0,123,255,.1);border-radius:8px;margin:8px 0;transition:all .3s ease}.profile-visibility-switch:hover{background:#007bff14;border-color:#007bff33}.switch-info{display:flex;align-items:center;gap:12px;flex:1}.switch-icon{width:40px;height:40px;background:#007bff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;border:2px solid rgba(0,123,255,.2)}.switch-details{display:flex;flex-direction:column;gap:2px}.switch-title{font-weight:600;color:#333;font-size:14px}.switch-subtitle{font-size:12px;color:#666;line-height:1.2}.switch-toggle{margin-left:12px}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px;cursor:pointer}.slider{position:absolute;inset:0;background-color:#ccc;border-radius:24px;transition:all .3s ease;border:2px solid #ddd}.slider-button{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}input:checked+.slider{background-color:#28a745;border-color:#28a745}input:checked+.slider .slider-button{transform:translate(26px)}input:disabled+.slider{opacity:.6;cursor:not-allowed}input:disabled+.slider .slider-button{background-color:#f8f9fa}.toggle-switch:hover input:not(:disabled)+.slider{box-shadow:0 0 8px #007bff4d}.toggle-switch:hover input:checked:not(:disabled)+.slider{box-shadow:0 0 8px #28a7454d}.toggle-switch input:focus+.slider{outline:2px solid #007bff;outline-offset:2px}.switch-info.loading .switch-icon{animation:pulse 1.5s ease-in-out infinite}@media (max-width: 768px){.profile-visibility-switch{padding:10px 12px}.switch-icon{width:36px;height:36px;font-size:16px}.switch-title{font-size:13px}.switch-subtitle{font-size:11px}.toggle-switch{width:44px;height:22px}.slider-button{height:14px;width:14px}input:checked+.slider .slider-button{transform:translate(22px)}}.profile-visibility-switch.loading{opacity:.8}.switch-icon.loading{animation:pulse 1.5s ease-in-out infinite}.loading-spinner{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.profile-visibility-switch.error{background:#dc35450d;border-color:#dc354533}.switch-icon.error{background:#dc35451a;border-color:#dc35454d;color:#dc3545}.retry-button{padding:6px 12px;background:#dc3545;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background .3s ease}.retry-button:hover:not(:disabled){background:#c82333}.retry-button:disabled{opacity:.6;cursor:not-allowed}.mini-spinner{font-size:10px;animation:spin 1s linear infinite;color:#007bff}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.toggle-switch input:disabled+.slider{opacity:.6;cursor:not-allowed;background-color:#e9ecef}.toggle-switch input:disabled+.slider .slider-button{background-color:#6c757d}.language-selector{position:relative;display:inline-block}.language-selector.loading{padding:8px;opacity:.6}.language-selector.dropdown .selector-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e1e5e9;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;min-width:120px}.language-selector.dropdown .selector-trigger:hover{border-color:#007bff;box-shadow:0 2px 4px #007bff1a}.language-selector.compact .selector-trigger{min-width:auto;padding:6px 8px}.current-language{display:flex;align-items:center;gap:6px;flex:1}.current-language .flag{font-size:16px}.current-language .name{font-weight:500;color:#333}.chevron{transition:transform .2s ease;color:#666}.language-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;margin-top:4px;overflow:hidden}.dropdown-header{padding:12px 16px;border-bottom:1px solid #e1e5e9;background:#f8f9fa;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#666;text-transform:uppercase}.language-list{list-style:none;margin:0;padding:4px 0;max-height:300px;overflow-y:auto}.language-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:none;border:none;cursor:pointer;transition:background-color .2s ease;text-align:left}.language-option:hover{background-color:#f8f9fa}.language-option.active{background-color:#e3f2fd;color:#007bff}.language-info{display:flex;align-items:center;gap:12px}.language-info .flag{font-size:18px}.names{display:flex;flex-direction:column}.native-name{font-weight:500;font-size:14px;color:#333}.english-name{font-size:12px;color:#666}.check-icon{color:#007bff}.language-selector.inline{display:flex;gap:4px;padding:4px;background:#f8f9fa;border-radius:8px}.language-selector.inline .lang-button{display:flex;align-items:center;gap:4px;padding:6px 8px;background:none;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:12px}.language-selector.inline .lang-button:hover{background:#fff;box-shadow:0 1px 3px #0000001a}.language-selector.inline .lang-button.active{background:#007bff;color:#fff}.language-selector.inline .flag{font-size:14px}.language-selector.inline .code{font-weight:500}.language-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.language-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:0 10px 25px #0003}.modal-header{padding:20px 24px;border-bottom:1px solid #e1e5e9;display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.close-button:hover{background:#f8f9fa}.modal-content{padding:24px;max-height:calc(80vh - 120px);overflow-y:auto}.language-grid{display:grid;grid-template-columns:1fr;gap:8px}.language-card{width:100%;background:none;border:1px solid #e1e5e9;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.language-card:hover{border-color:#007bff;box-shadow:0 2px 4px #007bff1a}.language-card.active{border-color:#007bff;background-color:#e3f2fd}.card-content{display:flex;align-items:center;padding:16px;gap:16px}.flag.large{font-size:24px}.language-details{flex:1;display:flex;flex-direction:column}.language-details .native-name{font-size:16px;font-weight:500;color:#333}.language-details .english-name{font-size:14px;color:#666}.language-selector[dir=rtl] .language-dropdown{left:auto;right:0}.language-selector[dir=rtl] .current-language{flex-direction:row-reverse}@media (max-width: 768px){.language-dropdown{position:fixed;inset:auto 0 0;border-radius:16px 16px 0 0;margin:0;max-height:60vh}.language-grid{grid-template-columns:1fr}.language-modal{width:95%;margin:20px}}@media (prefers-color-scheme: dark){.language-selector.dropdown .selector-trigger{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.language-dropdown{background:#2d3748;border-color:#4a5568}.dropdown-header{background:#1a202c;border-color:#4a5568;color:#a0aec0}.language-option{color:#e2e8f0}.language-option:hover{background-color:#4a5568}.language-option.active{background-color:#2b6cb0}.language-modal{background:#2d3748}.modal-header{border-color:#4a5568}.language-card{border-color:#4a5568;color:#e2e8f0}.language-card.active{background-color:#2b6cb0}}.goog-te-banner-frame.skiptranslate,.goog-te-banner-frame,.goog-te-ftab-frame.skiptranslate,.goog-te-ftab-frame,.goog-te-ftab,.goog-te-menu-frame.skiptranslate,.goog-te-menu-frame,.goog-te-balloon-frame,#goog-gt-tt,.goog-te-spinner,.skiptranslate iframe,iframe[src*="translate.googleapis.com"],iframe[src*="translate.google.com"]{display:none!important;visibility:hidden!important;opacity:0!important;position:absolute!important;left:-9999px!important;top:-9999px!important;width:0!important;height:0!important}body>.skiptranslate{display:none!important}iframe[src*="translate.googleapis.com"],[style*="translate.googleapis.com"]{display:none!important}body{top:0!important;position:static!important}.google-translate-container{position:relative;display:flex;align-items:center;justify-content:center;margin:8px 0}.translate-label{font-size:14px;font-weight:500;color:#333;margin-right:8px}.translate-icon{margin-right:8px}.translate-text{font-size:14px}.custom-translate-selector{position:relative;display:inline-block}.translate-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:25px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d;min-width:140px;justify-content:space-between}.translate-trigger:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.translate-trigger:disabled{opacity:.7;cursor:not-allowed;transform:none}.translate-info{display:flex;align-items:center;gap:6px;flex:1}.globe-icon{color:#fff;opacity:.9}.translate-label{color:#fff;font-size:12px;font-weight:400;margin:0}.current-lang{display:flex;align-items:center;gap:4px;margin-left:4px}.flag{font-size:16px;line-height:1}.lang-name{font-size:12px;font-weight:500;color:#fff}.chevron{transition:transform .3s ease;color:#fff;opacity:.8}.chevron.rotated{transform:rotate(180deg)}.chevron.spinning{animation:spin 1s linear infinite}.translate-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 25px #00000026;z-index:1000;min-width:280px;max-height:400px;overflow:hidden;animation:dropdownSlide .3s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;font-weight:600;font-size:14px;color:#333}.language-list{max-height:300px;overflow-y:auto;padding:4px 0}.language-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:none;cursor:pointer;transition:all .2s ease;font-size:14px;text-align:left}.language-option:hover{background:#f0f7ff;color:#1976d2}.language-option.active{background:#e3f2fd;color:#1976d2;font-weight:500}.language-option:disabled{opacity:.6;cursor:not-allowed}.lang-details{display:flex;flex-direction:column;gap:2px;flex:1}.native-name{font-weight:500;font-size:14px}.english-name{font-size:12px;color:#666;font-weight:400}.checkmark{color:#4caf50;font-weight:700;font-size:16px}.dropdown-footer{padding:8px 16px;background:#f8f9fa;border-top:1px solid #e0e0e0;text-align:center}.dropdown-footer small{color:#888;font-size:11px}.translate-loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:#fff;padding:16px 24px;border-radius:8px;display:flex;align-items:center;gap:12px;z-index:9999;font-size:14px;font-weight:500}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.translate-trigger{min-width:120px;padding:6px 10px;font-size:12px}.translate-dropdown{min-width:250px;right:-50px}.lang-name,.translate-label{display:none}}#google_translate_element,#google_translate_element *,.goog-te-gadget,.goog-te-gadget *,.goog-te-combo,.goog-te-combo *{display:none!important;visibility:hidden!important;opacity:0!important;position:absolute!important;left:-9999px!important;top:-9999px!important;width:0!important;height:0!important}.support-tickets-page{margin-top:90px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding-bottom:40px}.containeru{max-width:1200px;margin:0 auto;padding:20px}.page-headery{background:#fff;border-radius:16px;padding:32px;margin-bottom:24px;box-shadow:0 8px 32px #0000001a;border:1px solid #e3e8ee}.header-conteni{display:flex;justify-content:space-between;align-items:center;gap:20px}.page-title{font-size:32px;font-weight:700;color:#1a202c;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions{display:flex;align-items:center;gap:16px}.create-ticket-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;padding:16px 32px;border:none;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d;position:relative;overflow:hidden}.create-ticket-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.create-ticket-btn:hover:before{left:100%}.create-ticket-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66;text-decoration:none;color:#fff}.filters-section{background:#fff;border-radius:16px;padding:28px;margin-bottom:24px;box-shadow:0 8px 32px #00000014;border:1px solid #e3e8ee}.filters-row{display:grid;grid-template-columns:1fr 1fr auto;gap:24px;align-items:end}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{font-size:14px;font-weight:600;color:#4a5568;text-transform:uppercase;letter-spacing:.5px}.filter-select{padding:16px 20px;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;background:#fff;color:#2d3748;font-weight:500;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23666' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");background-repeat:no-repeat;background-position:right 20px center;background-size:12px}.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-2px)}.clear-filters-btn{height:56px;white-space:nowrap}.tickets-summary{display:flex;gap:24px;margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{font-size:12px;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:20px;font-weight:700;color:#2d3748}.tickets-grid{display:flex;flex-direction:column;gap:20px}.ticket-card{background:#fff;border-radius:16px;padding:28px;transition:all .3s ease;box-shadow:0 4px 20px #00000014;border:1px solid #e3e8ee;position:relative;overflow:hidden}.ticket-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.ticket-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.ticket-card:hover:before{opacity:1}.ticket-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px}.ticket-left{flex:1;min-width:0}.ticket-right{display:flex;align-items:center;gap:12px;flex-shrink:0;flex-wrap:wrap}.ticket-id{font-size:20px;font-weight:700;margin-bottom:8px}.ticket-link{color:#667eea;text-decoration:none;transition:color .2s ease}.ticket-link:hover{color:#5a67d8;text-decoration:none}.ticket-date{font-size:14px;color:#718096;font-weight:500}.status-badge,.priority-badge{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block;white-space:nowrap}.status-badge.open{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.status-badge.in-progress{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.status-badge.pending-customer{background:linear-gradient(135deg,#f6ad55,#ed8936);color:#fff}.status-badge.resolved{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff}.status-badge.closed{background:linear-gradient(135deg,#a0aec0,#718096);color:#fff}.priority-badge.low{background:linear-gradient(135deg,#c6f6d5,#9ae6b4);color:#22543d}.priority-badge.medium{background:linear-gradient(135deg,#faf089,#f6e05e);color:#744210}.priority-badge.high{background:linear-gradient(135deg,#fed7d7,#feb2b2);color:#742a2a}.priority-badge.urgent{background:linear-gradient(135deg,#fc8181,#f56565);color:#fff}.ticket-content{margin-bottom:24px}.ticket-subject{font-size:20px;font-weight:600;color:#2d3748;margin:0 0 16px;line-height:1.4}.ticket-subject a{color:inherit;text-decoration:none;transition:color .2s ease}.ticket-subject a:hover{color:#667eea}.ticket-meta{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.ticket-category{background:linear-gradient(135deg,#e2e8f0,#cbd5e0);color:#4a5568;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.related-order{background:linear-gradient(135deg,#fbb6ce,#f687b3);color:#702459;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.ticket-preview{color:#4a5568;font-size:16px;line-height:1.6;font-weight:400}.ticket-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #e2e8f0;gap:20px}.ticket-meta-left{display:flex;align-items:center;gap:20px;font-size:14px;color:#718096;flex-wrap:wrap}.ticket-meta-right{display:flex;align-items:center;gap:16px}.unread-indicator{background:linear-gradient(135deg,#fc8181,#f56565);color:#fff;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.view-details-btn{font-size:14px;padding:12px 20px}.no-tickets{text-align:center;padding:80px 40px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000014;border:1px solid #e3e8ee}.no-tickets-icon{font-size:80px;margin-bottom:24px;opacity:.3}.no-tickets h3{color:#2d3748;margin-bottom:16px;font-size:24px;font-weight:600}.no-tickets p{color:#718096;margin-bottom:32px;font-size:16px;line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto}.no-tickets-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.pagination-container{margin-top:40px}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.pagination-btn{padding:12px 20px;font-size:14px}.page-numbers{display:flex;gap:8px}.page-number{padding:12px 16px;border:2px solid #e2e8f0;background:#fff;color:#4a5568;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.page-number:hover{border-color:#667eea;color:#667eea}.page-number.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.pagination-info{text-align:center;color:#718096;font-size:14px;font-weight:500}.btn{padding:12px 24px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;min-width:120px;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66;text-decoration:none;color:#fff}.btn-secondary{background:linear-gradient(135deg,#f7fafc,#edf2f7);color:#4a5568;border:2px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}.btn-secondary:hover{background:linear-gradient(135deg,#edf2f7,#e2e8f0);border-color:#cbd5e0;transform:translateY(-1px);text-decoration:none;color:#4a5568}.btn-outline{background:transparent;color:#667eea;border:2px solid #667eea}.btn-outline:hover{background:#667eea;color:#fff;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:80px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #00000014}@media (max-width: 1024px){.container{padding:16px}.page-header,.filters-section,.ticket-card{padding:24px}.filters-row{grid-template-columns:1fr 1fr;gap:16px}.clear-filters-btn{grid-column:1 / -1;height:auto}}@media (max-width: 768px){.support-tickets-page{margin-top:60px;padding-bottom:20px;overflow-x:hidden}.container{padding:10px;max-width:100%;overflow-x:hidden}.header-content{flex-direction:column;align-items:stretch;gap:16px;width:100%}.page-title{font-size:24px!important;text-align:center;line-height:1.2;margin:0;word-wrap:break-word;overflow-wrap:break-word}.header-actions{width:100%;display:flex;justify-content:center;padding:0 8px}.create-ticket-btn{width:auto!important;max-width:calc(100% - 16px);padding:14px 24px!important;font-size:15px!important;margin:0!important;flex-shrink:1;white-space:nowrap;box-sizing:border-box}.filters-section{padding:16px;margin-bottom:16px;overflow:hidden}.filters-row{grid-template-columns:1fr;gap:12px;width:100%}.filter-group{width:100%}.filter-select{width:100%;padding:12px 16px;font-size:16px;box-sizing:border-box;max-width:100%}.clear-filters-btn{width:100%;padding:12px;margin-top:8px;box-sizing:border-box}}@media (max-width: 480px){.page-headery{padding:40px 30px}.header-conteni{display:flex;flex-direction:column;gap:19px;padding:10px 20px 20px 10px}.page-title{font-size:20px!important}.create-ticket-btn{position:relative;left:-20px;padding:12px 20px!important;font-size:14px!important;max-width:calc(100% - 20px)}.filter-select{padding:10px 12px;font-size:14px}}@media (max-width: 768px){.support-tickets-page{margin-top:60px;padding:0;overflow-x:hidden}.container{padding:10px;max-width:100%;overflow-x:hidden}.page-header{padding:16px;margin-bottom:16px;overflow:hidden}.header-content{flex-direction:column;align-items:stretch;gap:16px;width:100%}.page-title{font-size:24px!important;text-align:center;line-height:1.2;margin:0;word-wrap:break-word;overflow-wrap:break-word}.header-actions{width:74%;display:flex;justify-content:center;padding:0 8px}.create-ticket-btn{width:auto!important;max-width:calc(100% - 16px);padding:14px 24px!important;font-size:15px!important;margin:0!important;flex-shrink:1;white-space:nowrap;box-sizing:border-box}.filters-section{padding:16px;margin-bottom:16px;overflow:hidden}.filters-row{grid-template-columns:1fr;gap:12px;width:100%}.filter-group{width:100%}.filter-select{width:100%;padding:12px 16px;font-size:16px;box-sizing:border-box;max-width:100%}.clear-filters-btn{width:100%;padding:12px;margin-top:8px;box-sizing:border-box}}@media (max-width: 480px){.header-actions{width:74%!important}.page-title{font-size:20px!important}.create-ticket-btn{padding:12px 20px!important;font-size:14px!important;max-width:calc(100% - 20px)}.filter-select{padding:10px 12px;font-size:14px}}.support-tickets-page *{max-width:100%}.ticket-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.related-order{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:4px;width:fit-content}.order-amount{font-weight:700;color:#0d47a1}.supplier-info{background:linear-gradient(135deg,#fff3e0,#ffcc02);color:#e65100;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:4px;width:fit-content}.supplier-contact{margin-left:8px;font-size:12px;background:#ffffff4d;padding:2px 6px;border-radius:8px}.customer-contact{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);color:#2e7d32;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:4px;width:fit-content}.btn:focus,.filter-select:focus{outline:2px solid #667eea;outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e0,#a0aec0);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#a0aec0,#718096)}@media (max-width: 768px){.container{padding:12px}.header-actions{padding:0 4px}.create-ticket-btn{width:calc(100% - 8px)!important;margin:0 4px;padding:16px 20px;border-radius:12px}.filters-section{padding:18px;margin-bottom:20px}.filter-group{margin-bottom:4px}.filter-label{margin-bottom:6px;font-size:13px}.filter-select{padding:14px 16px;margin-bottom:8px;border-radius:10px;border:1.5px solid #e2e8f0}.clear-filters-btn{width:calc(100% - 8px);margin:12px 4px 0;padding:14px;border-radius:10px}.page-header{padding:20px 16px}.page-title{margin-bottom:8px}}@media (max-width: 480px){.container{padding:10px}.create-ticket-btn{padding:14px 16px;font-size:15px}.filter-select{padding:12px 14px;font-size:15px}.filters-section{padding:16px}.page-header{padding:18px 14px}}@media (max-width: 768px){.support-tickets-page,.container,.page-header,.filters-section,.header-content{overflow-x:hidden;max-width:100%}*{max-width:100%;box-sizing:border-box}}.create-ticket-page{min-height:100vh;background-color:#f8f9fa;padding:20px 0}.page-header{text-align:center;margin-bottom:40px}.page-header h1{color:#333;font-size:2rem;font-weight:600;margin-bottom:10px}.page-header p{color:#666;font-size:1.1rem;max-width:600px;margin:0 auto}.ticket-form-container{max-width:800px;margin:0 auto;background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.ticket-form{display:flex;flex-direction:column;gap:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group label{font-weight:600;color:#333;margin-bottom:8px;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b351a}.form-group textarea{resize:vertical;min-height:120px;font-family:inherit}.char-count{color:#888;font-size:12px;margin-top:4px;text-align:right}.priority-info{background:#f8f9fa;padding:20px;border-radius:6px;border-left:4px solid #ff6b35}.priority-info h4{margin:0 0 10px;color:#333;font-size:16px}.priority-info ul{margin:0;padding-left:20px}.priority-info li{margin-bottom:5px;color:#666}.form-actions{display:flex;gap:15px;justify-content:flex-end;padding-top:20px;border-top:1px solid #eee}.btn{padding:12px 24px;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;min-width:120px}.btn:disabled:hover{background:#ff6b35}@media (max-width: 768px){.ticket-form-container{margin:0 20px;padding:20px}.form-row{grid-template-columns:1fr;gap:15px}.form-actions{flex-direction:column-reverse}.btn{width:100%}.page-header h1{font-size:1.5rem}.page-header p{font-size:1rem}}.button-loading{display:flex;align-items:center;gap:8px;justify-content:center}.orders-loading{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px;background:#f8f9fa;border-radius:6px;font-size:14px;color:#666}.form-hint{display:block;margin-top:8px;color:#666;font-size:12px;font-style:italic}.form-group select:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.btn-primary:disabled{background:#6c757d;border-color:#6c757d}.btn-primary:disabled .button-loading{color:#fff}.loading-spinner.spinner-small{gap:0}.loading-spinner.spinner-small .spinner-text{margin:0;font-size:12px}.ticket-details-page{min-height:100vh;background-color:#f8f9fa;padding:20px 0}.page-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;flex-wrap:wrap}.back-btn{text-decoration:none!important}.page-header h1{color:#333;margin:0;font-size:2rem;font-weight:600}.ticket-details-container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.ticket-header{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px}.ticket-info h2{font-size:1.5rem;color:#333;margin:0 0 10px}.ticket-info h3{font-size:1.2rem;color:#555;margin:0 0 15px;line-height:1.4}.ticket-badges{display:flex;gap:10px;flex-wrap:wrap}.status-badge,.priority-badge,.category-badge{padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase}.category-badge{background:#6c757d}.ticket-actions{display:flex;gap:10px}.ticket-meta{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.meta-item{display:flex;flex-direction:column;gap:5px}.meta-item strong{color:#333;font-size:14px}.order-link{color:#ff6b35;font-weight:500}.rating-display{display:flex;align-items:center;gap:5px;color:#ffc107;font-size:16px}.rating-display span{color:#666;font-size:14px}.messages-section{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.messages-section h4{color:#333;margin:0 0 20px;font-size:1.3rem}.messages-container{display:flex;flex-direction:column;gap:20px;max-height:600px;overflow-y:auto;padding-right:10px}.message{padding:15px;border-radius:8px;max-width:80%}.customer-message{background:#e3f2fd;border-left:4px solid #2196f3;align-self:flex-end;margin-left:auto}.admin-message{background:#f3e5f5;border-left:4px solid #9c27b0;align-self:flex-start}.message-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px}.sender{font-weight:600;color:#333}.timestamp{color:#666}.message-content{color:#333;line-height:1.5;white-space:pre-wrap}.reply-section{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.reply-section h4{color:#333;margin:0 0 15px;font-size:1.2rem}.reply-form{display:flex;flex-direction:column;gap:15px}.reply-form textarea{padding:15px;border:1px solid #ddd;border-radius:6px;font-size:16px;font-family:inherit;resize:vertical;min-height:120px}.reply-form textarea:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b351a}.reply-actions{display:flex;justify-content:space-between;align-items:center}.char-count{color:#888;font-size:12px}.rating-modal{background:#fff;padding:30px;border-radius:8px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.rating-modal h3{color:#333;margin:0 0 10px;text-align:center}.rating-modal p{color:#666;text-align:center;margin:0 0 20px}.rating-stars{display:flex;justify-content:center;gap:5px;margin-bottom:20px}.star{background:none;border:none;font-size:2rem;color:#ddd;cursor:pointer;transition:color .2s ease}.star.active,.star:hover{color:#ffc107}.rating-modal textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;margin-bottom:20px;font-family:inherit;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-primary:hover{background:#e55a2e}.btn-secondary:hover{background:#5a6268}.btn-outline{background:transparent;color:#ff6b35;border:1px solid #ff6b35}.btn-outline:hover{background:#ff6b35;color:#fff}@media (max-width: 768px){.ticket-details-page{padding:10px 0}.page-header{flex-direction:column;align-items:stretch;gap:10px}.page-header h1{font-size:1.5rem}.ticket-header{padding:20px;flex-direction:column}.ticket-meta{grid-template-columns:1fr;padding:15px}.messages-section,.reply-section{padding:20px}.message{max-width:95%}.reply-actions{flex-direction:column;align-items:stretch;gap:10px}.modal-actions{flex-direction:column}.btn{width:100%}}.gst-label{display:block;font-size:16px;font-weight:600;color:#374151;margin-bottom:.3rem}.gst-input-field{position:relative;margin-bottom:1.9rem}.gst-search-icon{position:absolute;right:10px;top:20%;cursor:pointer}.register-auth-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;justify-content:center;align-items:center;padding:20px 0;padding-top:5rem}.auth-dir{max-width:900px}.register-auth-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;border:1px solid rgba(245,158,11,.1);padding:1.5rem}.register-auth-header{border-bottom:4px solid #f59e0b;border-radius:.5rem;text-align:center;background:linear-gradient(135deg,#fff7ed,#ffedd5);padding:20px 32px;margin-bottom:1rem}.register-auth-header h2{color:#1f2937;margin:0 0 8px;font-size:28px;font-weight:700}.register-auth-header p{color:#6b7280;margin:0;font-size:16px}.gst-auth-form{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.grid-1{margin-bottom:1rem}.register-section-header{height:130px;border-bottom:4px solid #f59e0b;border-radius:.5rem;background:linear-gradient(135deg,#fff7ed,#ffedd5);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:20px 24px;margin-bottom:1rem}.register-section-header h4{font-size:18px;font-weight:600;color:#d97706;display:flex;justify-content:center;align-items:center;gap:8px;margin:0}.register-section-header p{width:100%;font-size:14px;text-align:center;color:#92400e;margin:8px 0 0}.register-section-header-2{height:105px}.gst-section-header{border-bottom:4px solid #f59e0b;border-radius:.5rem;background:linear-gradient(135deg,#fff7ed,#ffedd5);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:20px 24px;margin-bottom:.5rem}.gst-section-header h4{font-size:18px;font-weight:600;color:#d97706;display:flex;justify-content:center;align-items:center;gap:8px;margin:0}.gst-section-header p{width:100%;font-size:14px;text-align:center;color:#92400e;margin:8px 0 0}.existAcc-form-section{background:#fff;border-radius:12px!important;margin-bottom:0!important;overflow:hidden;transition:all .2s ease}.existAcc-form-section:hover{box-shadow:0 8px 25px #f59e0b26}.isAccExist{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.det-field{display:flex;flex-wrap:wrap;gap:5px}.bank-field{margin-bottom:7px}.gst-select{width:49%}.section-1,.section-2{flex:1 1 49%;width:49%}.section-3{flex:1;width:100%}.field-1,.field-2{width:100%}.det-form-group{margin-bottom:5px}.form-label{display:block;margin-bottom:8px;color:#374151;font-weight:600;font-size:14px}.gst-form-control{width:100%;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;font-family:inherit;transition:all .2s ease;background:#fff;padding:8px 12px;box-sizing:border-box}.gst-form-control:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.gst-form-control:hover{border-color:#d1d5db}textarea.gst-form-control{height:120px}input[name=city],select[name=state]{padding:5px 10px}.existAcc-btn-primary{width:100%;border:none;border-radius:8px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;justify-content:center;align-items:center;gap:.4rem;padding:16px 15px;transition:all .2s ease;cursor:pointer}.existAcc-btn-primary:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.existAcc-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-section .gst-container label[for=gstNumber]{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.form-section .gst-container .gst-input-field{position:relative;margin-bottom:16px}.gst-form-section .gst-container input[id=gstNumber]{width:100%;padding:12px 50px 12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:.5px;background:#fff;transition:all .2s ease;outline:none;box-sizing:border-box}.gst-form-section .gst-container input[id=gstNumber]:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.gst-form-section .gst-container input[id=gstNumber]:hover{border-color:#d1d5db}.gst-form-section .gst-container input[id=gstNumber]::placeholder{color:#9ca3af;text-transform:none;letter-spacing:normal;font-family:inherit}.gst-form-section .gst-container input[id=gstNumber].border-red-300{border-color:#dc2626}.gst-form-section .gst-container input[id=gstNumber].border-green-300{border-color:#10b981}.gst-form-section .gst-container input[id=gstNumber].border-gray-300{border-color:#e5e7eb}.gst-form-section .gst-container .gst-input-field .absolute{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;padding-right:12px;pointer-events:none}.gst-form-section .gst-container .gst-input-field .absolute svg{width:20px;height:20px;color:#6b7280;transition:color .2s ease}.gst-form-section .gst-container .gst-input-field .absolute svg.text-blue-500{color:#3b82f6}.gst-form-section .gst-container .gst-input-field .absolute svg.text-green-500{color:#10b981}.gst-form-section .gst-container .gst-input-field .absolute svg.text-red-500{color:#dc2626}.gst-form-section .gst-container .gst-input-field .absolute svg.text-gray-400{color:#9ca3af}.gst-form-section .gst-container .gst-input-field .absolute svg.animate-spin{animation:spin 1s linear infinite}.gst-form-section .gst-container p.mt-1.text-sm.text-green-600{margin-top:8px;font-size:14px;color:#16a34a;font-weight:500}.gst-form-section .gst-container p.mt-1.text-sm.text-red-600{margin-top:8px;font-size:14px;color:#dc2626;font-weight:500}.gst-form-section .gst-container p.mt-1.text-sm.text-gray-500{margin-top:8px;font-size:14px;color:#6b7280}.gst-form-section .gst-container button[type=button]{width:100%;padding:14px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:16px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;font-family:inherit}.gst-form-section .gst-container button[type=button]:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.gst-form-section .gst-container button[type=button]:disabled{opacity:.6;cursor:not-allowed;transform:none}.gst-form-section .gst-container button[type=button]:focus{outline:2px solid #f59e0b;outline-offset:2px}.gst-form-section .gst-container button[type=button] svg{width:16px;height:16px;color:#fff}.gst-form-section .gst-container .p-4.bg-green-50{background:#f0fdf4;border:2px solid #16a34a;border-radius:8px;padding:16px;margin-top:16px}.gst-form-section .gst-container .p-4.bg-green-50 .flex.items-center{display:flex;align-items:center}.gst-form-section .gst-container .p-4.bg-green-50 .text-green-800{color:#166534;font-weight:600}.gst-form-section .gst-container .p-4.bg-green-50 .text-green-700{color:#15803d}.gst-form-section .gst-container .p-4.bg-green-50 svg{width:20px;height:20px;color:#16a34a;margin-right:8px}.gst-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0;margin-top:0;margin-bottom:0}.form-check-catagory{border:1px solid #e2e8f0;border-radius:8px;background:#ffffffb3;display:flex;justify-content:flex-start;align-items:center;gap:.4rem;margin-bottom:10px;padding:12px;transition:all .2s ease}.form-check-catagory .form-check-input:after{display:none}.checkbox-item{display:flex;align-items:center;padding:12px 16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;transition:all .2s ease;cursor:pointer}.checkbox-item:hover{background:#f1f5f9;border-color:#f59e0b}.checkbox-item input[type=checkbox]{margin-right:12px;accent-color:#f59e0b;transform:scale(1.2)}.form-check-catagory input[type=checkbox]:checked{appearance:auto}.checkbox-item label{cursor:pointer;font-weight:500;color:#374151;margin:0}.form-control.error{border-color:#dc2626;background:#fef2f2}.error-message{color:#dc2626;font-size:14px;margin-top:8px;font-weight:500}.loading{opacity:.6;pointer-events:none}.gst-form-section:has(.section-header h4 .fa-handshake){background:linear-gradient(135deg,#fff5e6,#fffbf5);border:1px solid #ffd6a5;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 12px #ffa50014}.gst-form-section:has(.section-header h4 .fa-handshake) .section-header{margin-bottom:1.5rem;text-align:center}.gst-form-section:has(.section-header h4 .fa-handshake) .section-header h4{color:#d97706;font-size:1.5rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.gst-form-section:has(.section-header h4 .fa-handshake) .section-header h4 i{font-size:1.75rem;color:#f59e0b}.gst-form-section:has(.section-header h4 .fa-handshake) .form-check{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1rem;transition:all .3s ease;position:relative;overflow:hidden}.gst-form-section:has(.section-header h4 .fa-handshake) .form-check:hover{border-color:#f59e0b;box-shadow:0 4px 16px #f59e0b26;transform:translateY(-2px)}.gst-form-section:has(.section-header h4 .fa-handshake) .form-check:has(input:checked){border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);box-shadow:0 4px 16px #10b98126}.gst-form-section:has(.section-header h4 .fa-handshake) .form-check:has(input:checked):before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#10b981,#059669)}.gst-form-section:has(.section-header h4 .fa-handshake) .form-check-input{width:1.5rem;height:1.5rem;margin-right:1rem;border:2px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;transition:all .3s ease;position:relative;flex-shrink:0}.gst-form-section:has(.section-header h4 .fa-handshake) .form-check-input:hover{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.gst-form-section:has(.section-header h4 .fa-handshake) .form-check-input:checked{background:#10b981;border-color:#10b981;box-shadow:0 0 0 3px #10b98133}.gst-form-section:has(.section-header h4 .fa-handshake) .form-check-input:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:1rem}.gst-form-section:has(.section-header h4 .fa-handshake) .form-check-label{font-size:1rem}.gst-form-section:has(.section-header h4 .fa-handshake) .form-check{display:flex;align-items:flex-start;gap:1rem}.gst-form-section:has(.section-header h4 .fa-handshake) .form-check-label a{color:#3b82f6;font-weight:600;text-decoration:none;padding:2px 4px;border-radius:4px;transition:all .2s ease}.gst-form-section:has(.section-header h4 .fa-handshake) .form-check-label a:hover{background:#dbeafe;text-decoration:underline}.gst-form-section:has(.section-header h4 .fa-handshake) .form-check:has(input.is-invalid){border-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fef1f1);box-shadow:0 4px 16px #ef444426}.gst-form-section:has(.section-header h4 .fa-handshake) .invalid-feedback{color:#ef4444;font-size:.875rem;font-weight:500;margin-top:.5rem;padding:.5rem;background:#fef2f2;border-radius:6px;border-left:3px solid #ef4444}@media (max-width: 768px){.auth-header{padding:24px 16px}.auth-header h1{font-size:24px}.gst-form-section{margin-bottom:120px}.section-header{padding:16px 20px}.checkbox-grid{grid-template-columns:1fr}.gst-form-section .gst-container{padding:20px 16px}.gst-form-section:has(.section-header h4 .fa-handshake){padding:1.5rem}.gst-form-section:has(.section-header h4 .fa-handshake) .section-header h4{font-size:1.25rem;flex-direction:column;gap:.5rem}.gst-form-section:has(.section-header h4 .fa-handshake) .form-check{padding:1rem;flex-direction:column;gap:.75rem}.gst-form-section:has(.section-header h4 .fa-handshake) .form-check-input{align-self:flex-start}.gst-form-section:has(.section-header h4 .fa-handshake) .form-check-label{font-size:.9rem}}@media (max-width: 480px){.auth-dir{width:100%!important}.auth-page{padding-bottom:0!important;padding-left:0!important;padding-right:0!important}.register-auth-card{padding:1.5rem 1rem 1rem}.auth-card{border-radius:12px}.register-auth-header{border-radius:.5rem;padding:20px 16px}.register-auth-header h2{font-size:1.5rem;margin:0}.register-auth-header p{font-size:14px}.gst-form-section .gst-container{padding:0}.register-section-header,.gst-section-header{height:max-content;gap:0;padding:.9rem}.form-control{padding:10px 12px}.btn-primary{padding:14px 24px}.det-field{flex-direction:column}.section-1,.section-2,.section-3{width:100%}textarea.gst-form-control{height:80px}.form-check-catagory{font-size:.95rem;padding:8px;margin-bottom:8px}input[type=checkbox]{width:.8rem;height:.8rem}.gst-form-section:nth-child(1){height:280px!important}.gst-form-section:nth-child(2){height:460px!important}.gst-form-section:nth-child(3){height:375px!important}.gst-form-section:nth-child(4){height:410px!important}.gst-form-section:nth-child(5){height:320px!important}.gst-form-section:nth-child(6){height:340px!important}.gst-form-section:nth-child(7){height:290px!important}.gst-form-section:nth-child(8){height:360px!important}.last-field .gst-form-section{height:max-content!important;margin:0!important}.gst-form-section .gst-container input[id=gstNumber]{padding:12px 40px 12px 12px}.gst-form-section .gst-container .gst-input-field .absolute{padding-right:8px}}.form-control:focus,.btn-primary:focus{outline:2px solid #f59e0b;outline-offset:2px}*{transition:all .2s ease}.gst-form-section:nth-child(1),.gst-form-section:nth-child(2){height:360px;padding:0}.gst-form-section:nth-child(3),.gst-form-section:nth-child(4){height:390px;padding:0}.gst-form-section:nth-child(5),.gst-form-section:nth-child(6){height:410px;padding:0}.gst-form-section:nth-child(7),.gst-form-section:nth-child(8){padding:0}.d-flex.justify-content-between.align-items-center{flex-wrap:wrap;gap:20px;margin-top:30px;padding:30px 0}.btn-primary.btn-lg{min-width:220px;height:56px;font-size:16px;font-weight:600;letter-spacing:.5px;border-radius:12px;background:linear-gradient(135deg,#007bff,#0056b3);border:none;box-shadow:0 4px 15px #007bff4d;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.btn-primary.btn-lg:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary.btn-lg:hover{transform:translateY(-2px);box-shadow:0 8px 25px #007bff66;background:linear-gradient(135deg,#0056b3,#004494)}.btn-primary.btn-lg:hover:before{left:100%}.btn-primary.btn-lg:active{transform:translateY(0);box-shadow:0 4px 15px #007bff4d}.btn-primary.btn-lg:disabled{background:linear-gradient(135deg,#6c757d,#5a6268);box-shadow:0 2px 8px #6c757d33;transform:none;cursor:not-allowed;opacity:.7}.btn-primary.btn-lg:disabled:before{display:none}.btn-primary.btn-lg .spinner-border-sm{width:18px;height:18px;border-width:2px}.text-primary{color:#007bff;text-decoration:none;font-weight:500;font-size:15px;border-radius:8px;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px}.text-primary:hover{color:#0056b3;background-color:#007bff14;text-decoration:none;transform:translateY(-1px)}.text-primary:focus{outline:2px solid rgba(0,123,255,.3);outline-offset:2px}.text-primary:before{content:"←";font-size:14px;transition:transform .3s ease}.text-primary:hover:before{transform:translate(-3px)}@media (max-width: 768px){.d-flex.justify-content-between.align-items-center{flex-direction:column-reverse;align-items:stretch;text-align:center;gap:25px;padding:25px 0}.btn-primary.btn-lg{width:100%;min-width:unset;height:52px;font-size:16px}.text-primary{align-self:center;font-size:14px}}@media (max-width: 480px){.d-flex.justify-content-between.align-items-center{padding:20px 0;gap:20px}.btn-primary.btn-lg{height:48px;font-size:15px;min-width:180px}}.btn-primary.btn-lg:focus-visible{outline:3px solid rgba(0,123,255,.5);outline-offset:2px;box-shadow:0 4px 15px #007bff4d,0 0 0 3px #007bff1a}.btn-primary.btn-lg .fas{transition:transform .3s ease}.btn-primary.btn-lg:hover .fas{transform:scale(1.1)}.btn-primary.btn-lg.success{background:linear-gradient(135deg,#28a745,#1e7e34);animation:successPulse .6s ease-in-out}.btn-primary.btn-lg:disabled .spinner-border-sm{animation:spin 1s linear infinite}.last-field{width:100%;display:flex;flex-direction:column}.terms-agreements-section{flex-wrap:nowrap;border-radius:16px;padding:24px;margin-top:24px;transition:all .3s ease;position:relative;overflow:hidden}.terms-agreements-section:hover{border-color:#0ea5e9;box-shadow:0 8px 25px #0ea5e91a}.last-field .gst-form-section{height:max-content!important}.terms-agreements-section .section-header h4{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:20px;display:flex;align-items:center}.terms-agreements-section .section-header h4 i{color:#0ea5e9;font-size:1.1rem}.terms-agreements-section .form-check{background:#ffffffb3;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:flex-start;align-items:center;padding:16px;margin-bottom:12px;transition:all .2s ease}.terms-agreements-section .form-check:hover{background:#ffffffe6;border-color:#cbd5e1;transform:translateY(-1px)}.terms-agreements-section .form-check-input{width:20px;height:20px;margin-top:.125em;margin-right:12px;border:2px solid #cbd5e1;border-radius:6px;transition:all .2s ease;position:relative;flex-shrink:0}.terms-agreements-section .form-check-input:hover{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.terms-agreements-section .form-check-input:checked{background-color:#0ea5e9;border-color:#0ea5e9}.terms-agreements-section .form-check-input:focus{box-shadow:0 0 0 3px #0ea5e933;outline:none}.terms-agreements-section .form-check-label{font-size:.95rem;line-height:1.6;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;margin-bottom:0}.terms-agreements-section .form-check-label a{color:#0ea5e9;text-decoration:none;font-weight:500;transition:color .2s ease}.terms-agreements-section .form-check-label a:hover{color:#0284c7;text-decoration:underline}.terms-agreements-section .invalid-feedback{color:#ef4444;font-size:.875rem;margin-top:8px;display:block}@media (max-width: 768px){.terms-agreements-section{padding:20px 16px;margin-top:20px;border-radius:12px}.terms-agreements-section .section-header h4{font-size:1.1rem;margin-bottom:16px}.terms-agreements-section .form-check{padding:14px;margin-bottom:10px}.terms-agreements-section .form-check-label{font-size:.9rem;line-height:1.5}.terms-agreements-section .form-check-input{width:18px;height:18px;margin-right:10px}}@media (max-width: 480px){.gst-auth-form{grid-template-columns:1fr;gap:0}.terms-agreements-section{padding:16px 12px;border-radius:10px}.terms-agreements-section .section-header h4{font-size:1rem;flex-direction:column;align-items:flex-start;gap:4px}.terms-agreements-section .section-header h4 i{font-size:1rem}.terms-agreements-section .form-check{padding:12px;align-items:flex-start;gap:8px}.terms-agreements-section .form-check-input{margin-right:0;margin-bottom:4px}.terms-agreements-section .form-check-label{font-size:.85rem;margin-left:0}}.password-strength-checker{margin-top:3px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease}.password-strength-checker:hover{background:#f1f5f9;border-color:#cbd5e1}.strength-meter{display:flex;align-items:center;gap:12px;margin-bottom:12px}.strength-bar{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.strength-fill{height:100%;transition:all .3s ease;border-radius:3px}.strength-label{font-size:14px;font-weight:600;min-width:80px;text-align:right}.password-rules{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}@media (max-width: 768px){.password-rules{grid-template-columns:1fr}}.rule{display:flex;align-items:center;gap:8px;font-size:13px;transition:all .2s ease}.rule.valid .rule-text{color:#16a34a;font-weight:500}.rule.invalid .rule-text{color:#6b7280}.rule-icon{font-size:12px;width:16px;text-align:center}.rule-text{flex:1}.password-suggestions{padding:8px 12px;background:#fffbeb;border:1px solid #fbbf24;border-radius:6px;font-size:12px}.password-suggestions strong{color:#d97706}.password-input-container{position:relative}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:16px;color:#6b7280;transition:all .2s ease;padding:4px;border-radius:4px}.password-toggle:hover{color:#f59e0b;background:#f59e0b1a}.password-toggle:focus{outline:none;box-shadow:0 0 0 2px #f59e0b33}.address-form{background:#fff;border-radius:16px;box-shadow:0 8px 30px #0000001f;overflow:hidden;margin:2rem 0;animation:slideInUp .3s ease-out}.form-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.form-header h3{margin:0;font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.close-btn{width:40px;height:40px;border:none;background:#fff3;color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.1rem}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.form-body{display:flex;flex-direction:column}.map-section{border-bottom:2px solid #f1f5f9}.map-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#f8fafc;border-bottom:1px solid #e5e7eb}.map-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151;font-size:1.1rem}.detect-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.detect-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b9814d}.detect-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.search-section{padding:1.5rem 2rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.search-input-container{position:relative;width:100%}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:1rem;z-index:1}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .2s ease;background:#fff}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-input::placeholder{color:#9ca3af}.map-container{position:relative;height:350px;width:100%}.google-map{width:100%;height:100%}.map-loading{position:absolute;top:0;left:0;width:100%;height:100%;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#64748b}.map-loading .spinning{font-size:2rem;color:#667eea}.form-section{padding:2rem}.type-selection{margin-bottom:2rem}.type-selection label{display:block;font-weight:600;color:#374151;margin-bottom:1rem;font-size:1.1rem}.type-buttons{display:flex;gap:1rem;flex-wrap:wrap}.type-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border:2px solid #e5e7eb;background:transparent;border-radius:12px;cursor:pointer;transition:all .2s ease;font-weight:500;color:#64748b;flex:1;min-width:120px;justify-content:center}.type-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.type-btn.active{color:#374151;font-weight:600;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.type-btn svg{font-size:1.2rem}.address-fields{margin-bottom:2rem}.field-row{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}.field-row:last-child{margin-bottom:0}.form-group label{font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.contact-section{margin:2rem 0;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.contact-section h4{margin:0 0 1.5rem;color:#374151;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.form-options{margin:2rem 0;padding:1.5rem;background:#f0f9ff;border-radius:12px;border:1px solid #bae6fd}.checkbox-label{display:flex;align-items:center;gap:1rem;cursor:pointer;font-weight:500;color:#374151}.checkbox-label input[type=checkbox]{width:20px;height:20px;margin:0;cursor:pointer}.checkmark{position:relative}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:2rem;border-top:2px solid #f1f5f9;margin-top:2rem}.btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:1rem}.btn-secondary{background:#f1f5f9;color:#64748b;border:2px solid #e5e7eb}.btn-secondary:hover{background:#e5e7eb;color:#475569;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@media (min-width: 768px){.field-row{grid-template-columns:1fr 1fr}.field-row.three-cols{grid-template-columns:2fr 1fr 1fr}}@media (max-width: 768px){.form-header{padding:1.5rem}.form-header h3{font-size:1.25rem}.map-header{flex-direction:column;gap:1rem;align-items:stretch;padding:1rem}.detect-btn{width:100%;justify-content:center}.search-section{padding:1rem}.form-section{padding:1.5rem}.type-buttons{flex-direction:column}.type-btn{min-width:unset}.map-container{height:300px}.form-actions{flex-direction:column-reverse}.btn{width:100%;justify-content:center}}@media (max-width: 480px){.form-header{padding:1rem}.form-header h3{font-size:1.1rem}.close-btn{width:36px;height:36px;font-size:1rem}.map-header{padding:.75rem}.map-title{font-size:1rem}.detect-btn{padding:.625rem 1.25rem;font-size:.85rem}.search-section{padding:.75rem}.search-input{padding:.875rem .875rem .875rem 2.75rem;font-size:.9rem}.form-section{padding:1rem}.type-selection label{font-size:1rem}.type-btn{padding:.875rem 1.25rem;font-size:.9rem}.form-group label{font-size:.9rem}.form-group input{padding:.875rem;font-size:.9rem}.contact-section{padding:1rem}.contact-section h4{font-size:1rem}.form-options{padding:1rem}.btn{padding:.875rem 1.5rem;font-size:.9rem}.map-container{height:250px}}.form-group{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.field-row:nth-child(1){animation-delay:.1s}.field-row:nth-child(2){animation-delay:.2s}.field-row:nth-child(3){animation-delay:.3s}.field-row:nth-child(4){animation-delay:.4s}.form-group input:focus,.search-input:focus{transform:translateY(-1px)}.address-form.loading{pointer-events:none;opacity:.7}.address-form.loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fffc;z-index:1000}.address-manager{padding:0;width:100%}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid #f3f4f6;border-left:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-container p{color:#64748b;font-size:1.1rem;margin:0}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.error-icon{font-size:4rem;color:#ef4444;margin-bottom:1.5rem}.error-container h3{font-size:1.5rem;font-weight:600;color:#374151;margin:0 0 1rem}.error-container p{color:#64748b;margin:0}.add-address-section{margin-bottom:2rem;display:flex;justify-content:flex-start}.add-address-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #667eea4d}.add-address-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #667eea66}.add-address-btn svg{font-size:1.1rem}.no-addresses{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#f8fafc;border-radius:16px;border:2px dashed #cbd5e1;margin-top:2rem}.no-addresses-icon{font-size:4rem;color:#cbd5e1;margin-bottom:1.5rem}.no-addresses h3{font-size:1.5rem;font-weight:600;color:#374151;margin:0 0 1rem}.no-addresses p{color:#64748b;margin:0 0 2rem;font-size:1.1rem;max-width:400px}.no-addresses .btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #667eea4d}.no-addresses .btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #667eea66}.addresses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem;margin-top:2rem}.address-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.address-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026;border-color:#667eea}.address-card.default{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}.address-card.default:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(135deg,#10b981,#059669)}.default-badge{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:20px;font-size:.8rem;font-weight:600;box-shadow:0 4px 15px #10b9814d}.default-badge svg{font-size:.75rem}.address-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.address-type{display:flex;align-items:center;gap:.75rem}.type-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#667eea1a}.type-label{font-size:1.1rem;font-weight:600;color:#374151;text-transform:capitalize}.address-actions{display:flex;gap:.5rem}.action-btn{width:40px;height:40px;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1rem}.edit-btn{background:#f3f4f6;color:#6b7280}.edit-btn:hover{background:#3b82f6;color:#fff;transform:scale(1.1)}.delete-btn{background:#f3f4f6;color:#6b7280}.delete-btn:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.profile-address-details{margin-bottom:1.5rem}.address-text{line-height:1.6}.street-address{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.city-details{font-size:1rem;color:#6b7280;margin-bottom:.5rem}.landmark{font-size:.9rem;color:#9ca3af;font-style:italic}.contact-info{border-radius:8px;padding:1rem;margin-bottom:1.5rem}.contact-name,.contact-phone{font-size:.9rem;color:#374151;margin-bottom:.25rem}.contact-name:last-child,.contact-phone:last-child{margin-bottom:0}.set-default-section{border-top:1px solid #e5e7eb;padding-top:1.5rem;margin-top:1.5rem}.set-default-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;color:#667eea;border:2px solid #667eea;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.set-default-btn:hover:not(:disabled){background:#667eea;color:#fff;transform:translateY(-1px)}.set-default-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.addresses-grid{grid-template-columns:1fr;gap:1.5rem}.address-card{padding:1.5rem}.address-header{flex-direction:column;align-items:flex-start;gap:1rem}.address-actions{align-self:flex-end}.default-badge{top:.75rem;right:.75rem;padding:.4rem .8rem;font-size:.75rem}.type-icon{width:40px;height:40px;font-size:1.25rem}.type-label{font-size:1rem}.add-address-btn{padding:.875rem 1.5rem;font-size:.95rem}.no-addresses{padding:3rem 1.5rem}.no-addresses-icon{font-size:3rem}.no-addresses h3{font-size:1.25rem}.no-addresses p{font-size:1rem}}@media (max-width: 480px){.address-manager{padding:0}.addresses-grid{gap:1rem}.address-card{padding:1.25rem}.add-address-btn{width:100%;justify-content:center}.address-header{margin-bottom:1rem}.contact-info{padding:.75rem}.action-btn{width:36px;height:36px;font-size:.9rem}}.address-card{animation:fadeInUp .3s ease-out}.address-manager{animation:fadeIn .2s ease-out}.swiggy-orders-container{min-height:100vh;background:linear-gradient(180deg,#fef7f0,#fff);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:0;overflow-x:hidden}.swiggy-orders-wrapper{max-width:1200px;margin:0 auto;padding:0 20px}.swiggy-page-header{position:relative;background:linear-gradient(135deg,#ff6d00,#ff8f00);color:#fff;padding:40px 32px 32px;margin:90px -20px 32px;border-radius:0 0 28px 28px;box-shadow:0 12px 40px #ff6d0040;overflow:hidden}.swiggy-header-backdrop{position:absolute;inset:0;z-index:1}.swiggy-header-backdrop:before{content:"";position:absolute;top:-60%;right:-15%;width:280px;height:280px;background:#ffffff14;border-radius:50%;z-index:1}.swiggy-header-backdrop:after{content:"";position:absolute;bottom:-40%;left:-10%;width:200px;height:200px;background:#ffffff0f;border-radius:50%;z-index:1}.swiggy-header-content{position:relative;z-index:2;margin-bottom:28px}.swiggy-header-main{margin-bottom:24px}.swiggy-page-title{font-size:36px;font-weight:800;margin:0 0 12px;text-shadow:0 2px 8px rgba(0,0,0,.1);letter-spacing:-.5px}.swiggy-page-subtitle{font-size:17px;font-weight:400;opacity:.9;line-height:1.5;margin:0}.swiggy-header-actions{display:flex;gap:16px;margin-bottom:28px;flex-wrap:wrap}.swiggy-action-button{display:inline-flex;align-items:center;padding:12px 20px;border-radius:24px;font-weight:600;font-size:14px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.swiggy-action-help{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2)}.swiggy-action-help:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 8px 24px #00000026;color:#fff;text-decoration:none}.swiggy-action-support{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2)}.swiggy-action-support:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);color:#fff;text-decoration:none}.swiggy-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative;z-index:2}.swiggy-summary-card{display:flex;align-items:center;gap:16px;background:#ffffff26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:24px 20px;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.swiggy-summary-card:hover{background:#ffffff40;transform:translateY(-4px);box-shadow:0 12px 32px #00000026}.swiggy-summary-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.swiggy-summary-data{flex:1}.swiggy-summary-number{font-size:32px;font-weight:800;line-height:1;margin-bottom:8px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.swiggy-summary-label{font-size:11px;font-weight:600;opacity:.9;text-transform:uppercase;letter-spacing:.5px;color:#ffffffe6}.swiggy-filter-section{margin-bottom:32px}.swiggy-filter-tabs-container{display:flex;justify-content:center;background:#fff;border-radius:20px;padding:8px;box-shadow:0 8px 32px #0000000f;border:1px solid #f1f3f4}.swiggy-filter-tabs{display:flex;justify-content:center;align-items:center;gap:8px;padding:5px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;width:100%}.swiggy-filter-tabs::-webkit-scrollbar{display:none}.swiggy-filter-tab{display:flex;align-items:center;gap:10px;padding:14px 24px;border:none;background:transparent;border-radius:16px;font-weight:600;font-size:14px;color:#686b78;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;min-width:fit-content;position:relative;flex:1;justify-content:center}.swiggy-filter-tab.swiggy-filter-active{background:linear-gradient(135deg,#ff6d00,#ff8f00);color:#fff;box-shadow:0 6px 20px #ff6d004d;transform:translateY(-2px)}.swiggy-filter-tab:hover:not(.swiggy-filter-active){background:#f8f9fa;color:#282c3f;transform:translateY(-1px)}.swiggy-tab-icon{font-size:18px}.swiggy-tab-label{font-weight:600}.swiggy-orders-list{display:flex;flex-direction:column;gap:24px}.swiggy-order-card{background:#fff;border-radius:24px;box-shadow:0 8px 32px #0000000f;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid #f1f3f4;position:relative}.swiggy-order-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ff6d00,#ff8f00);opacity:0;transition:opacity .3s ease}.swiggy-order-card:hover{box-shadow:0 16px 48px #0000001a;transform:translateY(-4px)}.swiggy-order-card:hover:before{opacity:1}.swiggy-order-card.swiggy-order-expanded{box-shadow:0 20px 60px #ff6d0026;transform:translateY(-2px)}.swiggy-order-card.swiggy-order-expanded:before{opacity:1}.swiggy-order-compact{display:flex;align-items:center;padding:24px 28px;cursor:pointer;transition:all .3s ease;position:relative}.swiggy-order-compact:hover{background:linear-gradient(135deg,#fafbfc,#f8f9fa)}.swiggy-order-left-section{display:flex;align-items:center;gap:20px;flex:1;min-width:0}.swiggy-product-thumbnail{width:72px;height:72px;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px #0000001f;flex-shrink:0;position:relative}.swiggy-product-thumbnail:after{content:"";position:absolute;inset:0;border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff1a}.swiggy-product-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.swiggy-order-compact:hover .swiggy-product-image{transform:scale(1.05)}.swiggy-order-details{flex:1;min-width:0}.swiggy-product-title{font-size:18px;font-weight:700;color:#282c3f;margin-bottom:6px;display:flex;align-items:center;gap:12px;line-height:1.3}.swiggy-item-count-badge{background:linear-gradient(135deg,#ff6d00,#ff8f00);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:16px;line-height:1;box-shadow:0 2px 8px #ff6d004d}.swiggy-order-id{font-size:14px;color:#686b78;font-weight:600;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.swiggy-order-date{font-size:13px;color:#9aa0a6;font-weight:500}.swiggy-order-right-section{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0}.swiggy-order-price{font-size:20px;font-weight:800;color:#282c3f;letter-spacing:-.3px}.swiggy-status-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:24px;font-size:13px;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.swiggy-status-icon{font-size:16px}.swiggy-status-text{font-weight:700}.swiggy-expand-toggle{color:#9aa0a6;transition:all .3s ease;cursor:pointer;padding:8px;border-radius:50%;background:#9aa0a61a}.swiggy-expand-toggle:hover{color:#ff6d00;background:#ff6d001a;transform:scale(1.1)}.swiggy-expand-arrow{transition:transform .4s cubic-bezier(.4,0,.2,1)}.swiggy-expand-arrow.swiggy-arrow-expanded{transform:rotate(180deg);color:#ff6d00}.swiggy-order-expansion{border-top:1px solid #f1f3f4;padding:32px;background:linear-gradient(135deg,#fafbfc,#f8f9fa);animation:swiggyExpandIn .5s cubic-bezier(.4,0,.2,1)}@keyframes swiggyExpandIn{0%{opacity:0;max-height:0;transform:translateY(-20px)}to{opacity:1;max-height:3000px;transform:translateY(0)}}.swiggy-progress-section{margin-bottom:32px;background:#fff;padding:24px;border-radius:20px;box-shadow:0 4px 16px #0000000f}.swiggy-progress-track{height:8px;background:#e8eaed;border-radius:4px;overflow:hidden;margin-bottom:16px;position:relative}.swiggy-progress-track:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.swiggy-progress-fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative;background:linear-gradient(135deg,#ff6d00,#ff8f00);box-shadow:0 2px 8px #ff6d004d}.swiggy-status-message{font-size:15px;color:#686b78;font-weight:600;text-align:center}.swiggy-section-heading{font-size:18px;font-weight:700;color:#282c3f;margin:0 0 20px;display:flex;align-items:center;gap:12px;position:relative;padding-left:20px}.swiggy-section-heading:before{content:"";position:absolute;left:0;width:6px;height:24px;background:linear-gradient(135deg,#ff6d00,#ff8f00);border-radius:3px}.swiggy-items-section{margin-bottom:32px}.swiggy-items-grid{display:flex;flex-direction:column;gap:16px}.swiggy-expanded-item{display:flex;align-items:center;gap:20px;padding:20px;background:#fff;border-radius:20px;box-shadow:0 4px 16px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #f1f3f4}.swiggy-expanded-item:hover{box-shadow:0 8px 32px #0000001a;transform:translateY(-2px);border-color:#ff6d0033}.swiggy-item-thumbnail{width:64px;height:64px;border-radius:16px;overflow:hidden;flex-shrink:0;box-shadow:0 4px 16px #0000001a}.swiggy-item-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.swiggy-expanded-item:hover .swiggy-item-image{transform:scale(1.05)}.swiggy-item-info{flex:1;min-width:0}.swiggy-item-name{font-size:16px;font-weight:700;color:#282c3f;margin-bottom:6px;line-height:1.3}.swiggy-item-specs{font-size:14px;color:#686b78;line-height:1.4;font-weight:500}.swiggy-item-total{font-size:18px;font-weight:800;color:#282c3f;flex-shrink:0}.swiggy-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:32px}.swiggy-info-card{background:#fff;padding:24px;border-radius:20px;box-shadow:0 4px 16px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #f1f3f4;position:relative;overflow:hidden}.swiggy-info-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#ff6d00,#ff8f00);opacity:0;transition:opacity .3s ease}.swiggy-info-card:hover{box-shadow:0 8px 32px #0000001a;transform:translateY(-2px)}.swiggy-info-card:hover:before{opacity:1}.swiggy-info-label{font-size:12px;font-weight:700;color:#686b78;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.swiggy-info-value{font-size:15px;font-weight:600;color:#282c3f;line-height:1.5;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.swiggy-payment-method{background:linear-gradient(135deg,#e8f5e8,#f1f8e9);color:#2e7d32;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.swiggy-payment-status{padding:6px 12px;border-radius:16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.swiggy-payment-status.paid{background:linear-gradient(135deg,#e8f5e8,#f1f8e9);color:#2e7d32}.swiggy-payment-status.pending{background:linear-gradient(135deg,#fff3e0,#fff8e1);color:#ef6c00}.swiggy-bill-section{margin-bottom:32px}.swiggy-bill-breakdown{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 16px #0000000f;border:1px solid #f1f3f4}.swiggy-bill-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:15px;color:#686b78;font-weight:500;transition:all .2s ease}.swiggy-bill-item:not(:last-child){border-bottom:1px solid #f1f3f4}.swiggy-bill-item:hover{color:#282c3f}.swiggy-bill-item.swiggy-bill-total{border-top:2px solid #ff6d00;font-weight:800;color:#282c3f;font-size:18px;background:linear-gradient(135deg,#fff9f5,#fff7f2);border-radius:12px;padding:16px 20px;margin:12px -20px -20px}.swiggy-bill-label{font-weight:600}.swiggy-bill-amount{font-weight:700;letter-spacing:-.3px}.swiggy-actions-section{margin-top:32px;padding-top:32px;border-top:1px solid #e8eaed}.swiggy-action-buttons{display:flex;gap:16px;flex-wrap:wrap}.swiggy-action-btn{padding:14px 28px;border-radius:28px;font-weight:700;font-size:14px;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);min-width:140px;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.swiggy-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.swiggy-action-btn:hover:before{left:100%}.swiggy-btn-primary{background:linear-gradient(135deg,#ff6d00,#ff8f00);color:#fff;box-shadow:0 8px 24px #ff6d004d}.swiggy-btn-primary:hover{box-shadow:0 12px 36px #ff6d0066;transform:translateY(-3px);color:#fff;text-decoration:none}.swiggy-btn-secondary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#282c3f;border:2px solid #e8eaed}.swiggy-btn-secondary:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;color:#282c3f;text-decoration:none}.swiggy-btn-outline{background:transparent;color:#ff6d00;border:2px solid #ff6d00}.swiggy-btn-outline:hover{background:#ff6d00;color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #ff6d004d;text-decoration:none}.swiggy-btn-danger{background:linear-gradient(135deg,#fff5f5,#fef2f2);color:#dc2626;border:2px solid #fecaca}.swiggy-btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-color:#dc2626;transform:translateY(-2px);box-shadow:0 8px 24px #dc26264d}.swiggy-pagination-section{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:48px;padding:32px 0;background:#fff;border-radius:20px;box-shadow:0 4px 16px #0000000f}.swiggy-pagination-btn{padding:14px 24px;border:2px solid #e8eaed;background:#fff;border-radius:28px;font-weight:700;color:#282c3f;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;min-width:120px}.swiggy-pagination-btn:hover:not(:disabled){border-color:#ff6d00;color:#ff6d00;transform:translateY(-3px);box-shadow:0 8px 24px #ff6d0033}.swiggy-pagination-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.swiggy-pagination-info{display:flex;align-items:center;gap:12px;font-weight:600;color:#686b78}.swiggy-current-page{background:linear-gradient(135deg,#ff6d00,#ff8f00);color:#fff;padding:12px 16px;border-radius:20px;font-weight:800;box-shadow:0 4px 16px #ff6d004d}.swiggy-page-divider{font-weight:400;opacity:.7}.swiggy-total-pages{font-weight:700;color:#282c3f}.swiggy-empty-auth-state,.swiggy-empty-orders-state,.swiggy-loading-state,.swiggy-error-state{text-align:center;padding:80px 32px;background:#fff;border-radius:28px;box-shadow:0 8px 32px #00000014;margin:48px 0;position:relative;overflow:hidden}.swiggy-empty-auth-state:before,.swiggy-empty-orders-state:before,.swiggy-error-state:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,109,0,.05) 0%,transparent 70%);z-index:0}.swiggy-empty-illustration,.swiggy-error-illustration{margin-bottom:32px;position:relative;z-index:1}.swiggy-empty-icon,.swiggy-error-icon{font-size:80px;opacity:.8;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.swiggy-empty-title,.swiggy-error-title{font-size:28px;font-weight:800;color:#282c3f;margin:0 0 16px;position:relative;z-index:1}.swiggy-empty-description,.swiggy-error-description{font-size:17px;color:#686b78;margin:0 0 32px;line-height:1.6;position:relative;z-index:1}.loading-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.loading-state h3{margin-bottom:16px;color:#282c3f;font-size:18px;font-weight:600}.swiggy-loading-title{font-size:24px;font-weight:700;color:#282c3f;margin-bottom:16px}.swiggy-loading-description{font-size:16px;color:#686b78;line-height:1.6}.swiggy-cta-button{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;border-radius:28px;font-weight:700;font-size:16px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;position:relative;z-index:1}.swiggy-cta-primary{background:linear-gradient(135deg,#ff6d00,#ff8f00);color:#fff;box-shadow:0 8px 24px #ff6d004d}.swiggy-cta-primary:hover{box-shadow:0 12px 36px #ff6d0066;transform:translateY(-3px);color:#fff;text-decoration:none}.swiggy-cta-secondary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#282c3f;border:2px solid #e8eaed}.swiggy-cta-secondary:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;color:#282c3f;text-decoration:none}@media (max-width: 1024px){.swiggy-orders-wrapper{padding:0 16px}.swiggy-summary-grid{grid-template-columns:repeat(2,1fr);gap:16px}.swiggy-filter-tabs{gap:20px;justify-content:flex-start}.swiggy-filter-tab{padding:12px 20px;font-size:13px}}@media (max-width: 768px){.swiggy-orders-wrapper{padding:0 12px}.swiggy-page-header{padding:24px 20px 20px;margin:80px -12px 20px;border-radius:0 0 20px 20px}.swiggy-header-content{margin-bottom:20px}.swiggy-page-title{font-size:28px;margin-bottom:8px}.swiggy-page-subtitle{font-size:15px}.swiggy-summary-grid{grid-template-columns:1fr;gap:12px}.swiggy-summary-card{padding:20px 16px;flex-direction:row;justify-content:space-between;align-items:center}.swiggy-summary-number{font-size:24px}.swiggy-summary-label{font-size:10px}.swiggy-header-actions{flex-direction:column;gap:12px;margin-bottom:20px}.swiggy-action-button{padding:10px 16px;font-size:13px;justify-content:center;width:100%}.swiggy-filter-tabs-container{padding:6px;margin:0 -12px 24px;border-radius:16px}.swiggy-filter-tabs{gap:8px;justify-content:flex-start;padding:0}.swiggy-filter-tab{padding:10px 16px;font-size:12px;border-radius:12px;min-width:auto;flex-shrink:0}.swiggy-tab-label{font-size:12px}.swiggy-tab-icon{font-size:14px}.swiggy-order-card{border-radius:16px;margin-bottom:16px}.swiggy-order-compact{padding:16px 20px;flex-direction:column;align-items:stretch;gap:16px}.swiggy-order-left-section{gap:16px;width:100%}.swiggy-order-right-section{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.swiggy-product-thumbnail{width:60px;height:60px;border-radius:12px}.swiggy-product-title{font-size:16px;line-height:1.2}.swiggy-order-id{font-size:12px}.swiggy-order-date{font-size:11px}.swiggy-order-price{font-size:18px}.swiggy-status-badge{padding:6px 12px;font-size:11px}.swiggy-expand-toggle{width:28px;height:28px;position:absolute;top:16px;right:20px}.swiggy-expand-arrow{width:14px;height:14px}.swiggy-order-expansion{padding:20px}.swiggy-progress-section{padding:16px;margin-bottom:20px}.swiggy-info-grid{grid-template-columns:1fr;gap:16px}.swiggy-info-card{padding:16px}.swiggy-expanded-item{padding:16px;gap:16px;flex-direction:column;align-items:stretch;text-align:center}.swiggy-item-thumbnail{width:80px;height:80px;align-self:center}.swiggy-item-info{text-align:center}.swiggy-item-total{font-size:16px;text-align:center}.swiggy-action-buttons{flex-direction:column;gap:12px}.swiggy-action-btn{width:100%;padding:12px 20px;font-size:13px;justify-content:center}.swiggy-pagination-section{padding:20px 0;flex-direction:column;gap:16px}.swiggy-pagination-btn{padding:10px 20px;font-size:13px;min-width:100px}.swiggy-pagination-info{flex-direction:column;gap:8px;text-align:center}}@media (max-width: 480px){.swiggy-orders-wrapper{padding:0 8px}.swiggy-page-header{padding:20px 16px 16px;margin:0 -8px 16px}.swiggy-page-title{font-size:24px}.swiggy-page-subtitle{font-size:14px}.swiggy-summary-card{padding:16px 12px}.swiggy-summary-number{font-size:20px}.swiggy-summary-label{font-size:9px}.swiggy-filter-tabs-container{margin:0 -8px 20px}.swiggy-filter-tab{padding:8px 12px;font-size:11px}.swiggy-tab-icon{font-size:12px}.swiggy-order-compact{padding:12px 16px;gap:12px}.swiggy-product-thumbnail{width:50px;height:50px;border-radius:10px}.swiggy-product-title{font-size:14px}.swiggy-item-count-badge{font-size:10px;padding:3px 8px}.swiggy-order-id{font-size:11px}.swiggy-order-date{font-size:10px}.swiggy-order-price{font-size:16px}.swiggy-status-badge{padding:5px 10px;font-size:10px}.swiggy-expand-toggle{width:24px;height:24px;top:12px;right:16px}.swiggy-expand-arrow{width:12px;height:12px}.swiggy-order-expansion{padding:16px}.swiggy-progress-section{padding:12px;margin-bottom:16px}.swiggy-section-heading{font-size:16px;margin-bottom:12px;padding-left:16px}.swiggy-section-heading:before{width:4px;height:20px}.swiggy-expanded-item{padding:12px;gap:12px}.swiggy-item-thumbnail{width:60px;height:60px}.swiggy-item-name{font-size:14px}.swiggy-item-specs{font-size:12px}.swiggy-item-total{font-size:14px}.swiggy-info-card{padding:12px}.swiggy-info-label{font-size:10px}.swiggy-info-value{font-size:13px}.swiggy-bill-breakdown{padding:16px}.swiggy-bill-item{padding:10px 0;font-size:13px}.swiggy-bill-item.swiggy-bill-total{font-size:16px}.swiggy-action-btn{padding:10px 16px;font-size:12px}.swiggy-pagination-section{padding:16px 0}.swiggy-pagination-btn{padding:8px 16px;font-size:12px;min-width:80px}.swiggy-current-page{padding:8px 12px}}@media (max-width: 360px){.swiggy-orders-wrapper{padding:0 6px}.swiggy-page-header{padding:16px 12px 12px;margin:0 -6px 12px}.swiggy-page-title{font-size:20px}.swiggy-order-compact{padding:10px 12px}.swiggy-product-thumbnail{width:40px;height:40px}.swiggy-product-title{font-size:13px}.swiggy-order-price{font-size:14px}.swiggy-filter-tab{padding:6px 10px;font-size:10px}.swiggy-action-btn{padding:8px 12px;font-size:11px}}@media (max-width: 768px) and (orientation: landscape){.swiggy-page-header{padding:16px 20px 12px}.swiggy-page-title{font-size:24px}.swiggy-summary-grid{grid-template-columns:repeat(3,1fr)}.swiggy-order-compact{flex-direction:row;align-items:center;padding:12px 20px}.swiggy-order-right-section{flex-direction:column;align-items:flex-end}}@media (max-width: 768px){.swiggy-filter-tab,.swiggy-action-btn,.swiggy-expand-toggle,.swiggy-pagination-btn{min-height:44px}.swiggy-order-card{margin-bottom:20px;border-radius:12px}.swiggy-orders-list{gap:16px}.swiggy-order-compact{position:relative;padding-right:60px}.swiggy-order-right-section{gap:8px}.swiggy-status-badge{border-radius:20px;white-space:nowrap}.swiggy-product-title{line-height:1.3;word-break:break-word}.swiggy-info-grid{grid-template-columns:1fr;gap:12px}.swiggy-info-card,.swiggy-bill-breakdown{border-radius:12px}.swiggy-bill-item.swiggy-bill-total{border-top:2px solid #ff6d00;padding-top:12px;margin-top:8px}.swiggy-actions-section{margin-top:20px;padding-top:20px}.swiggy-action-buttons{gap:12px}}@media (max-width: 480px){.swiggy-orders-wrapper{padding:0 8px}.swiggy-page-header{padding:16px 12px 12px;margin:80px -8px 16px;border-radius:0 0 16px 16px}.swiggy-page-title{font-size:22px;line-height:1.2}.swiggy-page-subtitle{font-size:13px}.swiggy-order-compact{flex-direction:column;align-items:stretch;gap:12px;padding:12px 14px 40px}.swiggy-order-left-section{gap:12px}.swiggy-order-right-section{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.swiggy-product-thumbnail{width:45px;height:45px;border-radius:8px}.swiggy-product-title{font-size:13px;line-height:1.3}.swiggy-item-count-badge{font-size:9px;padding:2px 6px}.swiggy-order-id{font-size:10px}.swiggy-order-date{font-size:9px}.swiggy-order-price{font-size:15px}.swiggy-status-badge{padding:4px 8px;font-size:9px;border-radius:16px}.swiggy-expand-toggle{width:24px;height:24px;bottom:8px;right:14px;top:auto}.swiggy-filter-tabs{gap:4px}.swiggy-filter-tab{padding:8px 12px;font-size:11px}.swiggy-tab-icon{font-size:12px}.swiggy-order-expansion{padding:12px}.swiggy-progress-section{padding:12px;margin-bottom:12px}.swiggy-section-heading{font-size:14px;margin-bottom:10px;padding-left:12px}.swiggy-expanded-item{padding:10px;gap:10px}.swiggy-item-thumbnail{width:50px;height:50px}.swiggy-item-name{font-size:13px}.swiggy-item-specs{font-size:11px}.swiggy-item-total{font-size:13px}.swiggy-info-card{padding:10px}.swiggy-bill-breakdown{padding:12px}.swiggy-bill-item{padding:8px 0;font-size:12px}.swiggy-bill-item.swiggy-bill-total{font-size:14px}.swiggy-action-btn{padding:8px 14px;font-size:11px;border-radius:20px}.swiggy-pagination-btn{padding:6px 12px;font-size:11px;min-width:60px}.swiggy-current-page{padding:6px 10px;font-size:11px}}@media (max-width: 360px){.swiggy-orders-wrapper{padding:0 6px}.swiggy-page-header{padding:12px 8px 8px;margin:0 -6px 12px}.swiggy-page-title{font-size:18px}.swiggy-page-subtitle{font-size:12px}.swiggy-summary-card{padding:12px 8px}.swiggy-summary-number{font-size:18px}.swiggy-order-compact{padding:8px 10px 32px}.swiggy-product-thumbnail{width:40px;height:40px}.swiggy-product-title{font-size:12px}.swiggy-order-price{font-size:14px}.swiggy-filter-tab{padding:6px 8px;font-size:10px}.swiggy-expand-toggle{width:20px;height:20px;bottom:6px;right:10px}.swiggy-expand-arrow{width:10px;height:10px}}@media (max-width: 768px){.swiggy-orders-container{overflow-x:hidden}.swiggy-filter-tabs{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.swiggy-filter-tabs::-webkit-scrollbar{display:none}.swiggy-filter-tabs-container{position:relative}.swiggy-filter-tabs-container:before,.swiggy-filter-tabs-container:after{content:"";position:absolute;top:0;bottom:0;width:20px;pointer-events:none;z-index:2}.swiggy-filter-tabs-container:before{left:0;background:linear-gradient(90deg,white 0%,transparent 100%)}.swiggy-filter-tabs-container:after{right:0;background:linear-gradient(270deg,white 0%,transparent 100%)}}@supports (-webkit-touch-callout: none){.swiggy-orders-container{min-height:-webkit-fill-available}}@media (max-width: 768px) and (prefers-contrast: high){.swiggy-order-card{border:2px solid #000}.swiggy-status-badge{border:1px solid currentColor}}@media (max-width: 768px) and (prefers-reduced-motion: reduce){.swiggy-order-card,.swiggy-action-btn,.swiggy-filter-tab{transition:none}.swiggy-order-card:hover{transform:none}}.image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#9ca3af;position:relative;overflow:hidden}.image-placeholder.loading{background:#f9fafb}.placeholder-icon{width:40%;height:40%;max-width:48px;max-height:48px;margin-bottom:4px}.placeholder-text{font-size:.75rem;font-weight:500;text-align:center}.loading-spinner{width:24px;height:24px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.image-placeholder.item-image{width:60px;height:60px;border-radius:6px}.image-placeholder.product-image{width:100%;height:200px;border-radius:8px}.image-placeholder.small{width:40px;height:40px}.image-placeholder.medium{width:80px;height:80px}.image-placeholder.large{width:120px;height:120px}@media (max-width: 768px){.placeholder-icon{width:30%;height:30%;max-width:32px;max-height:32px}.placeholder-text{font-size:.65rem}}.wishlist-page{min-height:100vh;background-color:#f8fafc;padding-top:100px;padding-bottom:2rem}.wishlist-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.wishlist-header-content{flex:1}.wishlist-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.wishlist-subtitle{font-size:1.125rem;color:#6b7280}.wishlist-actions{display:flex;gap:1rem;flex-wrap:wrap}.empty-wishlist{display:flex;justify-content:center;align-items:center;min-height:400px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.empty-wishlist-content{text-align:center;max-width:400px;padding:2rem}.empty-icon{font-size:4rem;margin-bottom:1.5rem}.empty-wishlist-content h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.empty-wishlist-content p{color:#6b7280;margin-bottom:2rem;line-height:1.6}.wishlist-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 1.5rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.toolbar-left{display:flex;align-items:center;gap:1rem}.items-count{font-weight:600;color:#374151}.toolbar-right{display:flex;align-items:center;gap:1rem}.view-toggle{display:flex;background:#f3f4f6;border-radius:6px;padding:2px}.view-btn{background:none;border:none;padding:.5rem;border-radius:4px;cursor:pointer;color:#6b7280;transition:all .2s ease;font-size:1rem}.view-btn:hover{color:#374151}.view-btn.active{background:#fff;color:#3b82f6;box-shadow:0 1px 2px #0000001a}.wishlist-grid{display:grid;gap:1.5rem;margin-bottom:2rem}.wishlist-grid.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.wishlist-grid.list{grid-template-columns:1fr}.wishlist-item{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.wishlist-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.product-card-wrapper{position:relative}.wishlist-item-actions{display:flex;gap:.75rem;padding:1rem;border-top:1px solid #f1f5f9}.wishlist-item-actions .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem}.btn-sm{padding:.625rem 1rem;font-size:.875rem}.btn-danger{color:#dc2626;border-color:#dc2626}.btn-danger:hover{background-color:#dc2626;color:#fff}.wishlist-item-meta{padding:.75rem 1rem;background-color:#f8fafc;border-top:1px solid #f1f5f9}.date-added{font-size:.75rem;color:#6b7280}.continue-shopping{text-align:center;margin-top:2rem}.wishlist-grid.list .wishlist-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1rem}.wishlist-grid.list .product-card-wrapper{flex:1}.wishlist-grid.list .wishlist-item-actions{border-top:none;padding:1rem;flex-direction:column;min-width:180px}.wishlist-grid.list .wishlist-item-meta{background:none;border-top:none;padding:1rem;min-width:120px;text-align:right}.error-state{text-align:center;padding:3rem 1rem;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.error-state h2{color:#1f2937;margin-bottom:1rem}.error-state p{color:#6b7280;margin-bottom:2rem}.spinner-small{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1024px){.wishlist-grid.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.wishlist-page{padding-top:80px}.wishlist-header{flex-direction:column;align-items:stretch;gap:1.5rem}.wishlist-title{font-size:2rem}.wishlist-actions{justify-content:stretch}.wishlist-actions .btn{flex:1}.wishlist-toolbar{flex-direction:column;gap:1rem;align-items:stretch}.toolbar-left,.toolbar-right{justify-content:center}.wishlist-grid.grid,.wishlist-grid.list .wishlist-item{grid-template-columns:1fr}.wishlist-grid.list .wishlist-item-actions{flex-direction:row;min-width:unset}.wishlist-grid.list .wishlist-item-meta{text-align:left;min-width:unset}.wishlist-item-actions{flex-direction:column;gap:.5rem}.empty-wishlist-content{padding:1.5rem}.empty-icon{font-size:3rem}}@media (max-width: 480px){.container{padding:0 1rem}.wishlist-title{font-size:1.75rem}.wishlist-subtitle{font-size:1rem}.wishlist-actions{flex-direction:column}}.user-analytics{padding:0;max-width:100%}.analytics-header{display:flex;justify-content:between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.analytics-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0}.time-range-selector{display:flex;align-items:center;gap:.5rem}.time-range-selector label{font-weight:500;color:#6b7280}.time-range-select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:.875rem;cursor:pointer}.analytics-loading{text-align:center;padding:4rem 2rem}.analytics-loading p{margin-top:1rem;color:#6b7280}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.metric-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb;box-shadow:0 2px 4px #0000000d;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.metric-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.metric-card.spending .metric-icon{background:linear-gradient(135deg,#fef3c7,#fbbf24)}.metric-card.orders .metric-icon{background:linear-gradient(135deg,#dbeafe,#3b82f6)}.metric-card.average .metric-icon{background:linear-gradient(135deg,#d1fae5,#10b981)}.metric-card.loyalty .metric-icon{background:linear-gradient(135deg,#ede9fe,#8b5cf6)}.metric-card.savings .metric-icon{background:linear-gradient(135deg,#fce7f3,#ec4899)}.metric-content h3{font-size:.875rem;font-weight:500;color:#6b7280;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.metric-subtitle{font-size:.75rem;color:#9ca3af}.charts-section{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:3rem}.chart-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb;box-shadow:0 2px 4px #0000000d}.chart-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem}.spending-chart{display:flex;align-items:end;gap:1rem;height:200px;padding:1rem 0}.spending-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.bar{background:linear-gradient(45deg,#3b82f6,#1d4ed8);border-radius:4px 4px 0 0;min-height:20px;width:100%;max-width:40px;margin-bottom:.5rem;transition:all .3s ease;cursor:pointer}.bar:hover{background:linear-gradient(45deg,#2563eb,#1e40af);transform:scale(1.05)}.bar-label{font-size:.75rem;color:#6b7280;margin-bottom:.25rem;text-align:center}.bar-value{font-size:.75rem;font-weight:600;color:#1f2937;text-align:center}.category-list{display:flex;flex-direction:column;gap:1rem}.category-item{position:relative;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.category-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.category-rank{background:#3b82f6;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.category-name{font-weight:500;color:#1f2937}.category-amount{font-weight:600;color:#059669;margin-bottom:.5rem}.category-bar{height:4px;background:linear-gradient(45deg,#3b82f6,#1d4ed8);border-radius:2px;transition:width .5s ease}.insights-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.insight-card{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb;box-shadow:0 2px 4px #0000000d}.insight-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem}.product-list{display:flex;flex-direction:column;gap:1rem}.product-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#f9fafb;border-radius:6px}.product-rank{background:#6b7280;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.product-name{flex:1;font-weight:500;color:#1f2937}.product-quantity{font-size:.875rem;color:#6b7280;background:#fff;padding:.25rem .5rem;border-radius:4px;border:1px solid #e5e7eb}.membership-progress{text-align:center}.current-tier{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:8px}.tier-badge{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0000001a}.tier-info{flex:1;text-align:left}.tier-info h4{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 .25rem}.tier-info p{font-size:.875rem;color:#6b7280;margin:0}.next-tier-progress{text-align:center}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(45deg,#3b82f6,#1d4ed8);border-radius:4px;transition:width .5s ease}.progress-text{font-size:.875rem;color:#6b7280;margin:0}.coins-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.coins-stat{text-align:center;padding:1rem;background:#f9fafb;border-radius:6px}.coins-label{font-size:.75rem;color:#6b7280;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.coins-value{font-size:1.5rem;font-weight:700;color:#7c3aed}.coins-actions{display:flex;gap:1rem}.coins-actions .btn{flex:1}.quick-actions{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb;box-shadow:0 2px 4px #0000000d}.actions-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.action-btn{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s ease;text-decoration:none;color:#374151}.action-btn:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.action-icon{font-size:1.5rem}.action-text{font-weight:500}@media (max-width: 1024px){.charts-section,.insights-section{grid-template-columns:1fr}}@media (max-width: 768px){.analytics-header{flex-direction:column;align-items:flex-start;gap:1rem}.metrics-grid{grid-template-columns:1fr}.spending-chart{height:150px;gap:.5rem}.coins-summary{grid-template-columns:1fr}.coins-actions{flex-direction:column}.actions-grid{grid-template-columns:1fr}}@media (max-width: 480px){.user-analytics{padding:1rem}.metric-card,.current-tier{flex-direction:column;text-align:center}.tier-info{text-align:center}}.swiggy-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;gap:1rem;color:#686b78}.swiggy-settings{min-height:100vh;background:#f8f9fa;padding-top:75px}.swiggy-header{background:#fff;border-bottom:1px solid #e9ecef;padding:2rem 0;box-shadow:0 2px 8px #0000000a}.swiggy-container{max-width:1200px;margin:0 auto;padding:0 1rem}.swiggy-title{font-size:2rem;font-weight:700;color:#282c3f;margin:0 0 .5rem;line-height:1.2}.swiggy-subtitle{color:#686b78;font-size:1rem;margin:0;font-weight:400}.swiggy-content{display:grid;grid-template-columns:300px 1fr;gap:2rem;margin-top:2rem;align-items:start}.swiggy-sidebar{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;overflow:hidden;position:sticky;top:95px}.swiggy-nav{display:flex;flex-direction:column}.swiggy-nav-item{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border:none;background:none;text-align:left;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f0f0f5;color:#686b78}.swiggy-nav-item:hover{background:#f8f9fa;color:#282c3f}.swiggy-nav-item.active{background:#fff5f2;color:#fc8019;border-right:3px solid #fc8019}.swiggy-nav-item:last-child{border-bottom:none}.nav-icon{font-size:1.25rem;width:24px;text-align:center}.nav-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.nav-label{font-size:.95rem;font-weight:600;line-height:1.2}.nav-description{font-size:.8rem;color:#93959f;line-height:1.3}.nav-arrow{font-size:1.2rem;color:#d4d5d9}.swiggy-nav-item.active .nav-arrow{color:#fc8019}.swiggy-main{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;overflow:hidden}.swiggy-section{padding:2rem}.section-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f5}.section-header h2{font-size:1.5rem;font-weight:700;color:#282c3f;margin:0 0 .5rem}.section-header p{color:#686b78;margin:0;font-size:.95rem}.swiggy-card{background:#fafbfc;border:1px solid #f0f0f5;border-radius:8px;padding:1.5rem}.swiggy-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:flex;flex-direction:column;gap:.5rem}.form-row label{font-size:.9rem;font-weight:600;color:#282c3f}.form-row input,.form-row select{padding:.875rem 1rem;border:1px solid #d4d5d9;border-radius:6px;font-size:.95rem;background:#fff;transition:all .2s ease}.form-row input:focus,.form-row select:focus{outline:none;border-color:#fc8019;box-shadow:0 0 0 2px #fc80191a}.disabled-input{background:#f8f9fa!important;color:#93959f!important;cursor:not-allowed}.form-help{font-size:.8rem;color:#93959f;margin-top:.25rem}.form-help.success{color:#60b246}.form-actions{margin-top:1rem}.action-group{display:flex;gap:1rem}.swiggy-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;min-width:120px}.swiggy-btn.primary{background:#fc8019;color:#fff}.swiggy-btn.primary:hover:not(:disabled){background:#e73c0e;transform:translateY(-1px)}.swiggy-btn.secondary{background:#fff;color:#686b78;border:1px solid #d4d5d9}.swiggy-btn.secondary:hover:not(:disabled){background:#f8f9fa;border-color:#93959f}.swiggy-btn.danger{background:#e23744;color:#fff}.swiggy-btn.danger:hover:not(:disabled){background:#c53030;transform:translateY(-1px)}.toggle-list{display:flex;flex-direction:column;gap:1rem}.toggle-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#fff;border:1px solid #f0f0f5;border-radius:8px}.toggle-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.toggle-label{font-size:.95rem;font-weight:600;color:#282c3f}.toggle-description{font-size:.85rem;color:#686b78}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#d4d5d9;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#60b246}input:checked+.slider:before{transform:translate(20px)}.danger-actions{display:flex;flex-direction:column;gap:1.5rem}.danger-item{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:#fff;border:1px solid #f0f0f5;border-radius:8px}.danger-content h3{font-size:1rem;font-weight:600;color:#282c3f;margin:0 0 .25rem}.danger-content p{font-size:.85rem;color:#686b78;margin:0}@media (max-width: 768px){.swiggy-header{padding:1.5rem 0}.swiggy-title{font-size:1.5rem}.swiggy-content{grid-template-columns:1fr;gap:1rem;margin-top:1rem}.swiggy-sidebar{position:static}.swiggy-nav{flex-direction:row;overflow-x:auto;gap:.5rem;padding:1rem}.swiggy-nav-item{flex-direction:column;text-align:center;min-width:120px;padding:1rem .75rem;border-bottom:none;border-right:1px solid #f0f0f5;border-radius:8px}.swiggy-nav-item:last-child{border-right:none}.swiggy-nav-item.active{border-right:none;border-bottom:3px solid #fc8019}.nav-content{align-items:center}.nav-description,.nav-arrow{display:none}.swiggy-section{padding:1.5rem}.action-group{flex-direction:column}.danger-item,.toggle-item{flex-direction:column;gap:1rem;text-align:center}}@media (max-width: 480px){.swiggy-container{padding:0 .75rem}.swiggy-sidebar{width:355px}.swiggy-section,.swiggy-card{padding:1rem}.swiggy-nav{padding:.75rem}.swiggy-nav-item{min-width:100px;padding:.75rem .5rem}}.mobile-profile-app{min-height:100vh;background:#f8f9fa;padding:70px 0 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.mobile-container{max-width:100%;margin:0 auto;padding:0 16px}.mobile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;background:#fff;border-radius:20px;padding:40px 20px;margin:20px 0;box-shadow:0 4px 20px #00000014}.loading-spinner-mobile{display:flex;gap:8px;margin-bottom:20px}.dot-one,.dot-two,.dot-three{width:12px;height:12px;border-radius:50%;background:#fc8019;animation:mobile-bounce 1.4s infinite ease-in-out both}.dot-one{animation-delay:-.32s}.dot-two{animation-delay:-.16s}@keyframes mobile-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.loading-text-mobile{color:#666;font-size:16px;font-weight:500;text-align:center;margin:0}.mobile-profile-header{background:#fff;border-radius:20px;padding:24px 20px;margin-bottom:16px;box-shadow:0 4px 20px #00000014;border:1px solid #f0f0f0}.mobile-avatar-section{display:flex;justify-content:center;margin-bottom:20px;position:relative}.mobile-avatar-circle{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#fc8019,#ff6300);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 30px #fc80194d}.mobile-avatar-icon{color:#fff;font-size:40px}.mobile-online-indicator{position:absolute;bottom:8px;right:8px;width:20px;height:20px;background:#10b981;border:4px solid white;border-radius:50%;box-shadow:0 2px 8px #10b98166}.mobile-user-info{text-align:center;margin-bottom:20px}.mobile-name-section{margin-bottom:16px}.mobile-username{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 8px;display:flex;align-items:center;justify-content:center;gap:8px}.mobile-verified{color:#10b981;font-size:24px}.mobile-member-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100;padding:8px 16px;border-radius:25px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.mobile-contact-details{display:flex;flex-direction:column;gap:12px}.mobile-contact-row{display:flex;align-items:center;justify-content:center;gap:12px;color:#666;font-size:15px}.mobile-contact-icon{color:#999;font-size:14px;width:16px}.mobile-edit-section{display:flex;justify-content:center}.mobile-edit-btn,.mobile-save-btn,.mobile-cancel-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:25px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.mobile-edit-btn{background:#fc8019;color:#fff;box-shadow:0 4px 15px #fc80194d}.mobile-edit-btn:active{transform:scale(.98)}.mobile-save-btn{background:#10b981;color:#fff;box-shadow:0 4px 15px #10b9814d}.mobile-cancel-btn{background:#f5f5f5;color:#666;border:1px solid #e0e0e0}.mobile-edit-actions{display:flex;gap:12px}.mobile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.mobile-stat-card{background:#fff;border-radius:20px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 20px #00000014;border:1px solid #f0f0f0;transition:transform .2s ease}.mobile-stat-card:active{transform:scale(.98)}.mobile-stat-icon{width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;margin-bottom:12px}.orders-bg{background:linear-gradient(135deg,#fc8019,#ff6300)}.addresses-bg{background:linear-gradient(135deg,#10b981,#059669)}.favourites-bg{background:linear-gradient(135deg,#e53e3e,#c53030)}.wallet-bg{background:linear-gradient(135deg,#805ad5,#6b46c1)}.mobile-stat-content{display:flex;flex-direction:column;align-items:center}.mobile-stat-number{font-size:24px;font-weight:800;color:#1a1a1a;line-height:1;margin-bottom:4px}.mobile-stat-label{font-size:12px;color:#999;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mobile-nav-tabs{background:#fff;border-radius:20px;padding:8px;margin-bottom:16px;display:flex;overflow-x:auto;gap:8px;box-shadow:0 4px 20px #00000014;border:1px solid #f0f0f0}.mobile-nav-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border:none;border-radius:15px;background:transparent;color:#666;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:80px;text-transform:uppercase;letter-spacing:.5px}.mobile-nav-btn svg{font-size:18px;margin-bottom:2px}.mobile-nav-btn.nav-active{background:linear-gradient(135deg,#fc8019,#ff6300);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #fc801966}.mobile-content-area{background:#fff;border-radius:20px;min-height:400px;box-shadow:0 4px 20px #00000014;border:1px solid #f0f0f0;overflow:hidden}.mobile-section-header{padding:24px 20px 16px;border-bottom:1px solid #f0f0f0;background:#fafafa}.mobile-section-header h3{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 4px}.mobile-section-header p{color:#666;font-size:14px;margin:0}.mobile-form-section{padding:20px}.mobile-input-group{margin-bottom:20px}.mobile-input-group label{display:block;font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.mobile-input{width:100%;padding:16px;border:2px solid #f0f0f0;border-radius:12px;font-size:16px;color:#1a1a1a;background:#fff;transition:all .3s ease;box-sizing:border-box}.mobile-input:focus{outline:none;border-color:#fc8019;box-shadow:0 0 0 3px #fc80191a}.mobile-input:disabled{background:#f8f9fa;color:#999}.mobile-input::placeholder{color:#ccc}.mobile-benefits-section{padding:0 20px 20px}.mobile-benefits-section h4{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.mobile-benefit-cards{display:flex;flex-direction:column;gap:16px}.mobile-benefit-card{display:flex;gap:16px;padding:20px;border:2px solid #f0f0f0;border-radius:16px;transition:all .3s ease}.mobile-benefit-card:active{transform:scale(.98);border-color:#fc8019}.mobile-benefit-icon{width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.rewards-bg{background:linear-gradient(135deg,#fc8019,#ff6300)}.gold-bg{background:linear-gradient(135deg,gold,#ffb300)}.mobile-benefit-info h5{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 4px}.mobile-benefit-info p{color:#666;font-size:14px;margin:0 0 12px}.mobile-benefit-status{display:flex;align-items:center;gap:12px}.mobile-benefit-status.active span:first-child{background:#e8f5e8;color:#10b981;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.mobile-benefit-status.gold span:first-child{background:#fff3e0;color:#e65100;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.points{color:#fc8019;font-weight:700;font-size:12px}.mobile-address-summary{display:flex;justify-content:space-around;padding:20px;background:#fafafa;border-bottom:1px solid #f0f0f0}.mobile-summary-item{display:flex;flex-direction:column;align-items:center;text-align:center}.summary-number{font-size:24px;font-weight:800;color:#1a1a1a;line-height:1}.summary-text{font-size:11px;color:#999;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.mobile-add-address{padding:20px;border-bottom:1px solid #f0f0f0}.mobile-add-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:15px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #6366f14d}.mobile-add-btn:active{transform:scale(.98)}.mobile-address-list,.mobile-orders-wrapper,.mobile-wishlist-wrapper,.mobile-settings-wrapper{padding:20px}.mobile-referral-overview{display:flex;flex-direction:column;gap:1.5rem}.mobile-referral-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mobile-referral-stat{background:#fff;border-radius:12px;padding:1rem;text-align:center;box-shadow:0 2px 4px #0000000d}.mobile-referral-stat span:first-child{display:block;font-size:.8rem;color:#666;margin-bottom:.5rem}.mobile-referral-stat .stat-value{font-size:1.2rem;font-weight:600;color:#fc8019}.mobile-referral-code{background:#fff;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 2px 8px #0000001a}.mobile-referral-code h4{margin-bottom:1rem;color:#333}.referral-code-display{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.referral-code-display .code{background:#f8f9fa;border:2px dashed #fc8019;padding:.75rem 1.5rem;border-radius:8px;font-family:monospace;font-size:1.1rem;font-weight:600;color:#fc8019}.copy-btn{background:#fc8019;color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.copy-btn:hover{background:#e6721a;transform:translateY(-1px)}.mobile-referral-code p{color:#666;font-size:.9rem;margin:0}.mobile-achievements-list{display:flex;flex-direction:column;gap:.75rem}.mobile-achievement-item{display:flex;align-items:flex-start;gap:1rem;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 4px #0000000d}.achievement-icon{color:gold;font-size:1.5rem;flex-shrink:0;margin-top:.1rem}.achievement-name{font-weight:600;color:#333;margin-bottom:.25rem}.achievement-description{font-size:.9rem;color:#666}@media (min-width: 768px){.mobile-referral-stats{grid-template-columns:repeat(4,1fr)}.referral-code-display{max-width:400px;margin:0 auto 1rem}.mobile-achievement-item,.mobile-referral-code{max-width:600px;margin-left:auto;margin-right:auto}}@media (min-width: 768px){.mobile-profile-app{padding:80px 0 40px}.mobile-container{max-width:768px;padding:0 24px}.mobile-profile-header{padding:32px 28px}.mobile-avatar-circle{width:120px;height:120px}.mobile-avatar-icon{font-size:50px}.mobile-username{font-size:32px}.mobile-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px}.mobile-nav-tabs{justify-content:center;gap:16px}.mobile-nav-btn{min-width:120px;padding:20px 16px}}@media (min-width: 1024px){.mobile-profile-app{padding:100px 0 60px}.mobile-container{max-width:1200px;padding:0 40px;display:grid;grid-template-columns:1fr;gap:24px}.mobile-profile-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;text-align:left}.mobile-avatar-section{margin-bottom:0}.mobile-user-info{text-align:left;margin-bottom:0}.mobile-name-section{display:flex;align-items:center;gap:16px;margin-bottom:16px}.mobile-username{justify-content:flex-start}.mobile-contact-details{align-items:flex-start}.mobile-contact-row{justify-content:flex-start}.mobile-nav-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:0}.mobile-nav-btn{border-radius:0;padding:24px;flex-direction:row;gap:12px;font-size:14px;min-width:auto}.mobile-nav-btn:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}.mobile-nav-btn:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}}.mobile-profile-content,.mobile-addresses-content,.mobile-orders-content,.mobile-wishlist-content,.mobile-settings-content{animation:mobile-fade-in .3s ease}@keyframes mobile-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-tabs::-webkit-scrollbar{display:none}.mobile-nav-tabs{-ms-overflow-style:none;scrollbar-width:none}@supports (padding: max(0px)){.mobile-container{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}.dynamic-member-badge{background:linear-gradient(135deg,#fff3e0,#ffe0b2)!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 4px 15px #0003;border:2px solid rgba(255,255,255,.3)}.mobile-membership-progress{background:#ffffff1a;border-radius:12px;padding:16px;margin-top:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label{font-size:14px;font-weight:600;color:#666}.progress-percentage{font-size:14px;font-weight:700;color:#fc8019}.progress-bar{width:100%;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#fc8019,#ff6300);border-radius:4px;transition:width .5s ease}.progress-requirements{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#888}.progress-requirements span{background:#fc80191a;color:#fc8019;padding:4px 8px;border-radius:12px;font-weight:500}.coins-bg{background:linear-gradient(135deg,#f7931e,#ffc107)!important}.membership-benefits{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#fc8019,#ff6300) border-box}.benefits-list{list-style:none;padding:0;margin:8px 0}.benefits-list li{font-size:13px;color:#666;position:relative;padding:4px 0 4px 16px}.benefits-list li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.membership-status{background:linear-gradient(135deg,#fc80191a,#ff63001a);border:1px solid rgba(252,128,25,.2);border-radius:8px;padding:8px 12px}.membership-status span{color:#fc8019!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.5px}@media (min-width: 768px){.mobile-membership-progress{padding:20px}.progress-label,.progress-percentage{font-size:16px}.progress-requirements{font-size:14px}}@media (min-width: 1024px){.benefits-list li{font-size:14px}}.mobile-max-tier-message{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:linear-gradient(135deg,#e5e4e2,#c9c9c9);border-radius:8px;margin-top:1rem}.trophy-icon{color:gold;font-size:1.2rem}.mobile-refresh-btn{background:#fc8019;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer;transition:all .3s ease}.mobile-refresh-btn:hover{background:#e6721a;transform:translateY(-1px)}.mobile-loyalty-stats{margin-top:1.5rem}.mobile-loyalty-stats h4{margin-bottom:1rem;color:#333;font-size:1.1rem}.mobile-stats-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mobile-stats-card{background:#fff;padding:1rem;border-radius:12px;text-align:center;box-shadow:0 2px 4px #0000000d;border:1px solid #f0f0f0}.stats-number{display:block;font-size:1.2rem;font-weight:600;color:#fc8019;margin-bottom:.25rem}.stats-label{font-size:.8rem;color:#666}.mobile-edit-actions{display:flex;gap:.5rem;flex-direction:column}.mobile-edit-actions button{padding:.5rem .75rem;font-size:.9rem}@media (min-width: 768px){.mobile-stats-cards{grid-template-columns:repeat(4,1fr)}.mobile-edit-actions{flex-direction:row}}.membership-card{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000001a;border:1px solid #e9ecef;margin:20px 0;transition:all .3s ease}.membership-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.membership-card.silver{border-left:4px solid #C0C0C0}.membership-card.gold{border-left:4px solid #FFD700;background:linear-gradient(135deg,#fffef7,#fff)}.membership-card.platinum{border-left:4px solid #E5E4E2;background:linear-gradient(135deg,#f8f8ff,#fff)}.membership-card.guest{border-left:4px solid #6c757d;text-align:center}.membership-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.membership-tier{display:flex;align-items:center;gap:12px}.tier-icon{font-size:2.5rem;line-height:1}.tier-info h3{margin:0;font-size:1.25rem;font-weight:600;color:#212529}.tier-info p{margin:4px 0 0;color:#6c757d;font-size:.9rem}.aggre-coins{display:flex;align-items:center;gap:8px;background:#ffc1071a;padding:12px 16px;border-radius:12px;border:1px solid rgba(255,193,7,.2)}.coins-icon{font-size:1.5rem}.coins-info{display:flex;flex-direction:column;align-items:flex-end}.coins-amount{font-size:1.1rem;font-weight:600;color:#212529;line-height:1}.coins-label{font-size:.75rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.membership-progress{margin:20px 0}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;color:#6c757d}.progress-bar{height:6px;background:#e9ecef;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#28a745,#20c997);border-radius:3px;transition:width .3s ease}.membership-benefits{margin:20px 0}.membership-benefits h4{margin:0 0 12px;font-size:1rem;font-weight:600;color:#212529}.membership-benefits ul{list-style:none;padding:0;margin:0}.membership-benefits li{padding:4px 0;font-size:.9rem;color:#495057;display:flex;align-items:center;gap:8px}.membership-actions{display:flex;gap:12px;margin-top:20px}.membership-actions .btn{flex:1;justify-content:center;padding:10px 16px;font-size:.9rem;border-radius:8px;text-decoration:none;display:flex;align-items:center;transition:all .2s ease}.btn-primary:hover{background:#0056b3;border-color:#0056b3}@media (max-width: 768px){.membership-card{padding:16px;margin:16px 0}.membership-header{flex-direction:column;gap:16px}.aggre-coins{align-self:flex-start}.membership-actions{flex-direction:column}.tier-icon{font-size:2rem}}.enhanced-category-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.enhanced-category-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.category-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.category-icon-large{font-size:3rem;line-height:1;background:linear-gradient(135deg,#f8f9fa,#e9ecef);width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;border:2px solid #e9ecef}.category-info{flex:1}.category-name{margin:0 0 8px;font-size:1.5rem;font-weight:600;color:#212529}.category-description{margin:0 0 12px;color:#6c757d;font-size:.95rem;line-height:1.4}.category-discount{display:flex;align-items:center;gap:8px}.discount-badge{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.discount-text{color:#6c757d;font-size:.85rem}.tonnage-selector{margin-bottom:24px}.tonnage-selector h4{margin:0 0 16px;font-size:1.1rem;font-weight:600;color:#212529}.tonnage-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tonnage-option{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:16px 12px;cursor:pointer;transition:all .2s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.tonnage-option:hover{border-color:#007bff;background:#f0f8ff}.tonnage-option.selected{border-color:#007bff;background:linear-gradient(135deg,#e3f2fd,#f0f8ff);box-shadow:0 2px 8px #007bff33}.tonnage-icon{font-size:1.5rem;line-height:1}.tonnage-label{font-weight:600;color:#212529;font-size:.9rem}.tonnage-desc{color:#6c757d;font-size:.75rem;line-height:1.2}.category-actions{display:flex;gap:12px;margin-bottom:20px}.category-actions .btn{flex:1;padding:12px 16px;border-radius:8px;font-weight:500;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:.9rem}.btn-primary{background:#007bff;color:#fff;border:1px solid #007bff}.btn-primary:hover:not(.disabled){background:#0056b3;border-color:#0056b3}.btn-primary.disabled{background:#6c757d;border-color:#6c757d;cursor:not-allowed;opacity:.6}.btn-outline{background:transparent;color:#007bff;border:1px solid #007bff}.btn-outline:hover{background:#007bff;color:#fff}.category-features{display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid #e9ecef;margin-top:auto}.feature-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.feature-icon{font-size:1.2rem}.feature-item span:last-child{font-size:.75rem;color:#6c757d;text-align:center}@media (max-width: 768px){.enhanced-category-card{padding:16px}.category-header{flex-direction:column;text-align:center;gap:12px}.category-icon-large{width:60px;height:60px;font-size:2rem;margin:0 auto}.tonnage-grid{grid-template-columns:1fr}.category-actions{flex-direction:column}.category-features{flex-wrap:wrap;gap:8px}}.know-more-category-btn{background:#fff!important;color:#17a2b8!important;border:2px solid #17a2b8!important;border-radius:25px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;min-width:120px}.know-more-category-btn:hover{background:#17a2b8!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 20px #17a2b84d}.category-actions{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.category-actions .btn{flex:1;min-width:110px}@media (max-width: 768px){.category-actions{flex-direction:column}.category-actions .btn{width:100%;margin-bottom:8px}.know-more-category-btn{font-size:13px;padding:8px 16px}}.home-page{padding-top:75px;min-height:100vh;overflow-x:hidden;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out}.hero-slide.active{opacity:1}.hero-slide .hero-bg-image{width:100%;height:100%;object-fit:cover;object-position:center}.slider-dots{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.7);background:transparent;cursor:pointer;transition:all .3s ease}.dot:hover{background:#ffffffb3;border-color:#ffffffe6}.dot.active{background:#f78b29;border-color:#f78b29}@media (max-width: 768px){.slider-dots{bottom:20px;gap:8px}.dot{width:10px;height:10px}}@media (max-width: 480px){.slider-dots{bottom:15px;gap:6px}.dot{width:8px;height:8px}}.aggregate-hero-section{position:relative;height:50vh;min-height:600px;display:flex;align-items:center;overflow:hidden}.aggregate-hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-bg-image{width:100%;height:100%;object-fit:cover;object-position:center}.aggregate-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:2}.aggregate-hero-content{position:relative;z-index:3;color:#fff}.aggregate-hero-text{position:relative;max-width:500px}.aggregate-hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:20px;color:#fff}.aggregate-highlight{color:#fff;font-weight:800}.aggregate-hero-subtitle{font-size:1.2rem;line-height:1.6;margin-bottom:30px;color:#ffffffe6}.btn-learn-more{display:inline-block;background:#f78b29;color:#000;padding:12px 24px;border-radius:4px;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .3s ease}.btn-learn-more:hover{color:#dbd6cd;text-decoration:none;background:#f39c12;transform:translateY(-2px)}.premium-materials-section{position:relative;height:70vh;min-height:600px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.premium-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.premium-bg-image{width:100%;height:100%;object-fit:cover;object-position:center}.premium-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#4a90e2cc,#50e3c2cc);z-index:2}.premium-content{position:relative;z-index:3;color:#fff;max-width:800px;margin:0 auto}.premium-badge{display:inline-flex;align-items:center;gap:8px;background:#fff3;padding:8px 16px;border-radius:25px;font-size:.9rem;margin-bottom:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-icon{font-size:1rem}.premium-title{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:30px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.premium-highlight{color:#f1c40f;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.premium-subtitle{font-size:1.2rem;line-height:1.6;margin-bottom:40px;color:#ffffffe6}.premium-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn-explore-materials{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 30px;border-radius:25px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #0003}.btn-explore-materials:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.btn-quick-join{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#333;padding:15px 30px;border-radius:25px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #0003}.btn-quick-join:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.btn-icon{font-size:1.1rem}.slide-indicators{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:4}.indicator{width:12px;height:12px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .3s ease}.indicator.active{background:#f1c40f}@media (max-width: 768px){.aggregate-hero-title{font-size:2.5rem}.premium-title{font-size:2.8rem}.premium-actions{flex-direction:column;align-items:center}.btn-explore-materials,.btn-quick-join{width:100%;max-width:280px;justify-content:center}}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background{position:absolute;inset:0;background:url(/assets/20150619_115730-COEQzrE5.jpg) center/cover no-repeat;background-attachment:fixed;z-index:1;filter:brightness(.7) contrast(1.2) saturate(1.1)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0009,#1e3a8a66,#000000b3);z-index:2}.aggregate-container{position:relative;left:80px;top:-40px}.hero-particles{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(120,219,255,.3) 0%,transparent 50%);z-index:3;animation:floating 20s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(1deg)}66%{transform:translateY(10px) rotate(-1deg)}}.hero-content{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.hero-text{color:#fff;max-width:900px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:.75rem 1.5rem;margin-bottom:2rem;font-size:.9rem;font-weight:600;animation:fadeInUp 1s ease-out}.badge-icon{animation:spin 3s linear infinite}.hero-title{font-size:4.5rem;font-weight:900;line-height:1.1;margin-bottom:1rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8),0 4px 8px rgba(0,0,0,.6),0 8px 16px rgba(0,0,0,.4);animation:fadeInUp 1s ease-out .2s both}.hero-title-highlight{display:block;background:linear-gradient(135deg,gold,#ffed4e,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:5rem;text-shadow:none;filter:drop-shadow(0 4px 8px rgba(255,215,0,.3));margin-top:.5rem;animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{filter:drop-shadow(0 4px 8px rgba(255,215,0,.3))}to{filter:drop-shadow(0 4px 16px rgba(255,215,0,.6))}}.hero-subtitle{font-size:1.4rem;line-height:1.6;margin:2rem auto 3rem;color:#fffffff2;text-shadow:0 2px 8px rgba(0,0,0,.7);max-width:800px;animation:fadeInUp 1s ease-out .4s both}.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem;margin-bottom:4rem;animation:fadeInUp 1s ease-out .6s both}.btn-hero{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:50px;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;text-decoration:none;border:none;cursor:pointer;position:relative;overflow:hidden}.btn-hero:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-hero:hover:before{left:100%}.btn-hero:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-icon{font-size:1.2rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:800px;margin:0 auto;animation:fadeInUp 1s ease-out .8s both}.hero-stat{text-align:center;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:1.5rem 1rem;transition:all .3s ease}.hero-stat:hover{transform:translateY(-5px);background:#ffffff26}.hero-stat-icon{font-size:2rem;margin-bottom:.5rem;display:block}.hero-stat-number{font-size:2.5rem;font-weight:900;color:gold;line-height:1;margin-bottom:.5rem}.hero-stat-label{font-size:.9rem;color:#fffc;font-weight:500}.slide-indicators{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:10}.slide-indicator{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;transition:all .3s ease}.slide-indicator.active{background:gold;border-color:gold;transform:scale(1.2)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section-header{text-align:center;margin-bottom:4rem}.section-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8;padding:.5rem 1rem;border-radius:50px;font-size:.9rem;font-weight:600;margin-bottom:1rem}.section-title{font-size:3rem;font-weight:800;color:#1f2937;margin-bottom:1rem;line-height:1.2}.section-subtitle{font-size:1.2rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.6}.features-section{padding:6rem 0;background:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card.modern-card{background:#fff;border-radius:20px;padding:2.5rem 2rem;box-shadow:0 4px 6px #0000000d;border:1px solid #f1f5f9;transition:all .3s ease;position:relative;overflow:hidden}.feature-card.modern-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#10b981,#f59e0b,#ef4444);transform:scaleX(0);transition:transform .3s ease}.feature-card.modern-card:hover:before{transform:scaleX(1)}.feature-card.modern-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.feature-icon-container{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.feature-icon{font-size:2.5rem}.feature-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.feature-description{color:#6b7280;line-height:1.6;font-size:1rem}.categories-section{padding:6rem 0;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.category-wrapper{position:relative}.trending-badge{position:absolute;top:-10px;right:-10px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:.5rem 1rem;border-radius:50px;font-size:.8rem;font-weight:600;z-index:10;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.testimonials-section{padding:6rem 0;background:#fff}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.testimonial-card{background:linear-gradient(135deg,#f8fafc,#fff);border-radius:20px;padding:2rem;border:1px solid #e2e8f0;transition:all .3s ease;position:relative}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.testimonial-rating{margin-bottom:1rem}.star{color:gold;font-size:1.2rem;margin-right:.2rem}.testimonial-content{font-size:1.1rem;line-height:1.6;color:#374151;margin-bottom:1.5rem;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.author-name{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0}.author-role{color:#6b7280;margin:.2rem 0;font-size:.9rem}.author-project{color:#3b82f6;font-size:.8rem;font-weight:500}.cta-section{padding:6rem 0;background:linear-gradient(135deg,#1e3a8a,#1d4ed8)}.cta-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:30px;padding:4rem 2rem;text-align:center;max-width:800px;margin:0 auto}.cta-icon{font-size:4rem;margin-bottom:1rem;display:block;animation:bounce 2s infinite}.cta-title{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:1rem;line-height:1.2}.cta-subtitle{font-size:1.2rem;color:#ffffffe6;margin-bottom:2rem;line-height:1.6}.cta-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.newsletter-section{padding:2rem 0;background:#f8fafc}.newsletter-card{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:16px;padding:2rem;text-align:center;max-width:473px;margin:0 auto;box-shadow:0 8px 25px #00000014;border:1px solid rgba(255,255,255,.8);aspect-ratio:1.2/1;display:flex;flex-direction:column;justify-content:center}.newsletter-icon{font-size:2rem;margin-bottom:.8rem;display:block;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.newsletter-title{font-size:1.4rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;line-height:1.3}.newsletter-subtitle{color:#6b7280;margin-bottom:1.5rem;line-height:1.4;font-size:.9rem;max-width:280px;margin-left:auto;margin-right:auto}.newsletter-form{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.newsletter-form .form-group{display:flex;flex-direction:column;gap:.8rem;width:100%;max-width:280px}.newsletter-input{width:100%;padding:.8rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;transition:all .3s ease;background:#fff;box-sizing:border-box}.newsletter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.newsletter-input::placeholder{color:#9ca3af;font-size:.85rem}.newsletter-btn{padding:.8rem 2rem;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;min-width:140px;max-width:180px}.newsletter-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.newsletter-privacy{font-size:.75rem;color:#6b7280;margin-top:.8rem;display:flex;align-items:center;justify-content:center;gap:.3rem}.newsletter-privacy:before{content:"🔒";font-size:.7rem}@media (max-width: 768px){.newsletter-section{padding:1.5rem 0}.newsletter-card{padding:1.5rem;margin:0 1rem;max-width:320px;aspect-ratio:1.1/1}.newsletter-title{font-size:1.2rem}.newsletter-subtitle{font-size:.85rem;margin-bottom:1.2rem;max-width:240px}.newsletter-form .form-group{max-width:240px}.newsletter-input{padding:.7rem .9rem;font-size:.85rem}.newsletter-btn{padding:.7rem 1.5rem;font-size:.85rem;min-width:120px;max-width:160px}.newsletter-icon{font-size:1.8rem;margin-bottom:.6rem}}@media (max-width: 480px){.aggregate-container{position:relative;left:40px;top:-90px}.newsletter-section{padding:1.2rem 0}.newsletter-card{padding:1.2rem;border-radius:12px;max-width:280px;aspect-ratio:1/1}.newsletter-title{font-size:1.1rem;margin-bottom:.3rem}.newsletter-subtitle{font-size:.8rem;margin-bottom:1rem;max-width:200px}.newsletter-form .form-group{max-width:200px;gap:.6rem}.newsletter-input{padding:.6rem .8rem;font-size:.8rem}.newsletter-btn{padding:.6rem 1.2rem;font-size:.8rem;min-width:100px;max-width:140px}.newsletter-privacy{font-size:.7rem;margin-top:.6rem}.newsletter-icon{font-size:1.6rem}}.our-products-section{position:relative;top:150px;padding:80px 0 20px;background:#f8f9fa}.our-products-section .section-title{text-align:center;font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:60px}.products-grid{display:grid;grid-template-columns:2fr 3fr;gap:30px;max-width:1200px;margin:0 auto;padding:0 20px;align-items:stretch;height:900px}.aggregate-card{position:relative;left:50px;background:#fff;width:450px;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;height:100%;display:flex;flex-direction:column;min-height:300px}.aggregate-card .product-image-container{height:400px!important;min-height:400px}.our-products-section .aggregate-card .product-image-container img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}.product-content{padding:50px 40px;text-align:center;flex-grow:1;display:flex;flex-direction:column;justify-content:center}.product-content h3{font-size:2.2rem;font-weight:600;color:#2c3e50;margin-bottom:30px}.product-btn{background:#f28602;color:#fff;border:none;padding:18px 50px;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;align-self:center}.product-btn:hover{background:#f28602;transform:translateY(-2px)}.other-products-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:20px;height:100%;min-height:600px}.small-product-card{background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;cursor:pointer;height:70%;width:250px;position:relative;left:80px;margin:0}.product-image-container img{object-fit:cover;height:100%;width:100%}.small-product-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.small-product-image-container{height:180px;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.small-product-image{width:100%;height:100%;object-fit:cover;object-position:center}.small-product-title{padding:25px 15px;flex-grow:1;display:flex;align-items:center;justify-content:center}.small-product-card h4{font-size:1.3rem;font-weight:600;color:#2c3e50;text-align:center;margin:0}@media (max-width: 1024px){.our-products-section{position:relative}.products-grid{grid-template-columns:1fr;gap:40px;max-width:800px}.aggregate-card{left:0;width:100%;max-width:100%;margin:0 auto}.other-products-grid{max-width:100%;margin:0 auto;min-height:auto}.small-product-card{left:0;width:100%}}@media (max-width: 768px){.our-products-section{padding:60px 0}.our-products-section .section-title{font-size:2rem;margin-bottom:40px;padding:0 20px}.products-grid{grid-template-columns:1fr;gap:30px;padding:0 20px}.aggregate-card{left:0;width:100%;min-height:auto;max-width:100%}.product-image-container{height:250px}.product-image-container img{width:100%;height:100%;object-fit:cover}.product-content{padding:25px 20px}.product-content h3{font-size:1.6rem;margin-bottom:15px}.product-btn{padding:12px 25px;font-size:.9rem;width:100%;background:#f78b29;max-width:180px}.other-products-grid{grid-template-columns:1fr 1fr;gap:15px;min-height:auto}.small-product-card{left:0;width:100%}.small-product-image-container{height:120px}.small-product-title{padding:12px 8px}.small-product-card h4{font-size:1rem}}@media (max-width: 480px){.our-products-section{position:relative;margin-top:40px;padding:50px 0}.our-products-section .section-title{font-size:1.8rem;margin-bottom:30px}.products-grid{padding:0 15px;gap:25px}.aggregate-card{border-radius:15px}.product-image-container{height:200px}.product-content{padding:20px 15px}.product-content h3{font-size:1.4rem}.product-btn{padding:10px 20px;font-size:.85rem;border-radius:25px;background:#f78b29}.other-products-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);gap:15px}.small-product-card{border-radius:12px}.small-product-image-container{height:140px}.small-product-title{padding:15px 10px}.small-product-card h4{font-size:1.1rem}}@media (max-width: 360px){.our-products-section .section-title{font-size:1.6rem}.product-content h3{font-size:1.3rem}.small-product-card h4{font-size:1rem}.other-products-grid{gap:12px}.small-product-image-container{height:120px}}.product-gallery-section{padding:20px 0 80px;background:#fff}.swiggy-cta-section{position:relative;padding:60px 0;background:linear-gradient(135deg,#3b4ac7,#5b6bd8);margin:40px 20px;border-radius:24px;overflow:hidden}.swiggy-cta-container{max-width:1200px;margin:0 auto;padding:0 24px}.swiggy-cta-content{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:40px;position:relative;z-index:2}.swiggy-cta-visual{position:relative;display:flex;align-items:center;justify-content:center}.swiggy-rocket-icon{font-size:4rem;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2))}@keyframes float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-20px) rotate(5deg)}}.swiggy-gradient-bg{position:absolute;width:120px;height:120px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}.swiggy-cta-text{text-align:left;color:#fff}.swiggy-cta-title{font-size:2.5rem;font-weight:700;margin-bottom:16px;line-height:1.2;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.swiggy-cta-subtitle{font-size:1.1rem;line-height:1.6;margin-bottom:32px;color:#ffffffe6;max-width:600px}.swiggy-cta-actions{display:flex;gap:16px;margin-bottom:32px;flex-wrap:wrap}.swiggy-primary-btn,.swiggy-secondary-btn{display:inline-flex;align-items:center;gap:8px;padding:16px 28px;border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none}.swiggy-primary-btn{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;box-shadow:0 4px 20px #ff6b354d}.swiggy-primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ff6b3566;background:linear-gradient(135deg,#ff7a45,#f8a12e)}.swiggy-secondary-btn{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.swiggy-secondary-btn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.swiggy-btn-text{font-size:1rem}.swiggy-btn-icon{font-size:1.1rem;transition:transform .3s ease}.swiggy-primary-btn:hover .swiggy-btn-icon{transform:translate(4px)}.swiggy-secondary-btn:hover .swiggy-btn-icon{transform:scale(1.1)}.swiggy-trust-indicators{display:flex;gap:32px;flex-wrap:wrap}.swiggy-trust-item{display:flex;align-items:center;gap:8px;color:#ffffffe6}.swiggy-trust-icon{font-size:1.2rem}.swiggy-trust-text{font-size:.9rem;font-weight:500}.swiggy-cta-section:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);border-radius:50%;animation:rotate 20s linear infinite}.swiggy-cta-section:after{content:"";position:absolute;bottom:-30%;left:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 70%);border-radius:50%;animation:rotate 15s linear infinite reverse}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.swiggy-cta-section{margin:20px 16px;padding:40px 0;border-radius:20px}.swiggy-cta-container{padding:0 20px}.swiggy-cta-content{grid-template-columns:1fr;gap:24px;text-align:center}.swiggy-cta-title{font-size:2rem}.swiggy-cta-subtitle{font-size:1rem}.swiggy-cta-actions{justify-content:center;gap:12px}.swiggy-primary-btn,.swiggy-secondary-btn{padding:14px 24px;font-size:.9rem}.swiggy-trust-indicators{justify-content:center;gap:20px}.swiggy-rocket-icon{font-size:3rem}}@media (max-width: 480px){.swiggy-cta-section{margin:16px 12px;padding:32px 0}.swiggy-cta-title{font-size:1.8rem}.swiggy-cta-actions{flex-direction:column;align-items:center}.swiggy-primary-btn,.swiggy-secondary-btn{width:100%;max-width:280px;justify-content:center}.swiggy-trust-indicators{flex-direction:column;gap:16px;align-items:center}}.swiggy-cta-section.compact{padding:40px 0;margin:20px}.swiggy-cta-section.compact .swiggy-cta-title{font-size:2rem}.swiggy-cta-section.compact .swiggy-cta-subtitle{font-size:1rem;margin-bottom:24px}.swiggy-cta-section.compact .swiggy-rocket-icon{font-size:3rem}.gallery-title{text-align:center;font-size:2.2rem;font-weight:700;color:#2c3e50;margin-bottom:50px;margin-top:0}.product-scroll-container{position:relative;overflow:hidden;padding:0 20px}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px}.gallery-title{text-align:left;font-size:2.2rem;font-weight:700;color:#2c3e50;margin-bottom:0;flex:1}.gallery-navigation{display:flex;gap:12px;align-items:center}.nav-arrow{width:44px;height:44px;border-radius:50%;border:1px solid #e0e0e0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#333;box-shadow:0 2px 8px #00000014;position:relative;overflow:hidden}.nav-arrow:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ff6b35,#f7931e);opacity:0;transition:opacity .3s ease;border-radius:50%}.nav-arrow:hover:not(.disabled){background:#fff;border-color:#ff6b35;transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3540}.nav-arrow:hover:not(.disabled):before{opacity:1}.nav-arrow:hover:not(.disabled) i{color:#fff;transform:scale(1.1);z-index:1;position:relative}.nav-arrow:active:not(.disabled){transform:translateY(-1px) scale(.98);box-shadow:0 4px 12px #ff6b354d}.nav-arrow.disabled{opacity:.3;cursor:not-allowed;background:#f5f5f5;border-color:#e0e0e0;box-shadow:none}.nav-arrow.disabled:hover{transform:none;background:#f5f5f5;border-color:#e0e0e0}.nav-arrow i{font-size:16px;transition:all .3s ease;z-index:2;position:relative}.nav-arrow-left i{margin-right:2px}.nav-arrow-right i{margin-left:2px}@media (max-width: 768px){.product-gallery-section{position:relative}.gallery-navigation{gap:10px}.nav-arrow{width:40px;height:40px;box-shadow:0 2px 6px #0000001a}.nav-arrow:hover:not(.disabled){box-shadow:0 4px 12px #ff6b3533}.nav-arrow i{font-size:14px}}@media (max-width: 480px){.product-gallery-section{display:flex;justify-content:center;align-items:center;margin-bottom:50px;position:relative;height:100%;width:100%}.gallery-navigation{gap:8px}.nav-arrow{width:36px;height:36px}.nav-arrow i{font-size:12px}}.product-scroll-wrapper{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;padding:20px 0;scrollbar-width:none;-ms-overflow-style:none}.product-scroll-wrapper::-webkit-scrollbar{height:12px}.product-card-scroll{flex:0 0 280px;background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;overflow:hidden;transition:all .3s ease;position:relative;cursor:pointer}.product-card-scroll:hover{transform:translateY(-8px);box-shadow:0 15px 40px #00000026}.sale-badge{position:absolute;top:10px;left:10px;background:#3498db;color:#fff;padding:5px 12px;border-radius:5px;font-size:.8rem;font-weight:600;z-index:2;text-transform:uppercase}.product-image-scroll{height:200px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center;position:relative}.product-image-scroll img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card-scroll:hover .product-image-scroll img{transform:scale(1.05)}.product-info-scroll{padding:20px;text-align:center}.product-info-scroll h4{font-size:1.1rem;font-weight:600;color:#2c3e50;margin-bottom:12px;line-height:1.3}.price-scroll{margin-bottom:10px;display:flex;justify-content:center;align-items:center;gap:10px}.original-price{color:#7f8c8d;text-decoration:line-through;font-size:.9rem}.sale-price{color:#e74c3c;font-weight:700;font-size:1.1rem}.rating-scroll{font-size:.9rem}.scroll-indicators{display:flex;justify-content:center;gap:10px;margin-top:30px}.indicator{width:12px;height:12px;border-radius:50%;background:#bdc3c7;cursor:pointer;transition:all .3s ease}.indicator.active{background:#3498db;width:30px;border-radius:6px}.indicator:hover{background:#3498db}@media (max-width: 768px){.product-gallery-section{padding:60px 0}.gallery-header{flex-direction:column;gap:16px;align-items:center;text-align:center;margin-bottom:40px;padding:0 20px}.gallery-title{text-align:center;font-size:1.8rem}.nav-arrow{width:36px;height:36px}.nav-arrow svg{width:14px;height:14px}.product-card-scroll{flex:0 0 250px}.product-scroll-container{padding:0 10px}}@media (max-width: 480px){.gallery-title{font-size:1.6rem}.product-card-scroll{flex:0 0 220px}.product-image-scroll{height:160px}.product-info-scroll{padding:15px}.product-info-scroll h4{font-size:1rem}}.footer-section{background:linear-gradient(135deg,#1a202c,#2d3748);color:#fff;padding:60px 0 20px;margin-top:80px;position:relative}.footer-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#4a5568,transparent)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:40px;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 20px}.footer-column{display:flex;flex-direction:column}.footer-column.main-column{max-width:350px}.footer-logo{display:flex;align-items:center;justify-content:flex-start;margin-bottom:20px;gap:0}.footer-logo-link img,.footer-logo-image{width:auto!important;height:75px!important;object-fit:contain!important;border-radius:8px!important;transition:all .3s ease!important;background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important;filter:none!important}.footer-logo-image:hover{transform:scale(1.05)!important;background:transparent!important}@media (max-width: 768px){.footer-logo-link img,.footer-logo-image{height:60px!important}}@media (max-width: 480px){.footer-logo-link img,.footer-logo-image{height:50px!important}}.footer-section .footer-logo,.footer-section .footer-logo *,.footer-section .footer-logo-link,.footer-section .footer-logo-link *,.footer-section .footer-logo-image{border:none!important;box-shadow:none!important;outline:none!important}@media (max-width: 768px){.footer-logo-image{height:60px!important;border:none!important;box-shadow:none!important}.footer-logo{justify-content:center;margin-bottom:15px}}@media (max-width: 480px){.footer-logo-image{height:50px!important;border:none!important;box-shadow:none!important}}.footer-logo-tagline{font-size:12px;color:#a0aec0;font-weight:500;margin-top:2px}.footer-description{color:#cbd5e0;line-height:1.6;margin-bottom:25px;font-size:14px}.social-links{display:flex;gap:12px;flex-wrap:wrap}.social-link{width:40px;height:40px;background:#2d3748;border:1px solid #4a5568;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#cbd5e0;text-decoration:none;transition:all .3s ease;font-size:16px}.social-link:hover{background:#f78b29;border-color:#f78b29;color:#fff;transform:translateY(-3px);box-shadow:0 8px 25px #f78b2966}.social-link:hover{text-decoration:none;color:#fff}.footer-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:20px;position:relative;padding-bottom:10px}.footer-title:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:2px;background:linear-gradient(135deg,#f78b29,#ff6b35);border-radius:1px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#cbd5e0;text-decoration:none;font-size:14px;transition:all .3s ease;display:inline-block;position:relative}.footer-links a:hover{color:#f78b29;text-decoration:none;transform:translate(5px)}.footer-links a:before{content:"";position:absolute;left:-15px;top:50%;transform:translateY(-50%);width:0;height:1px;background:#f78b29;transition:width .3s ease}.footer-links a:hover:before{width:10px}.contact-infos{display:flex;flex-direction:column;gap:20px}.newsletter-compact-section{padding:2.5rem 0;background:linear-gradient(135deg,#ff6b35,#f7931e);position:relative}.newsletter-compact-container{max-width:1200px;margin:0 auto;padding:0 2rem}.newsletter-compact-card{display:flex;align-items:center;justify-content:space-between;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem 2.5rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);gap:3rem}.newsletter-compact-left{display:flex;align-items:center;gap:1.5rem;flex:1}.newsletter-compact-icon{background:linear-gradient(135deg,#ff6b35,#f7931e);font-size:2rem;width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #ff6b354d;flex-shrink:0}.newsletter-compact-content{flex:1}.newsletter-compact-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;line-height:1.2}.newsletter-compact-subtitle{font-size:1rem;color:#6b7280;line-height:1.5;margin:0}.newsletter-compact-right{flex-shrink:0;min-width:400px}.newsletter-compact-form{width:100%}.newsletter-compact-input-wrapper{display:flex;gap:.75rem;margin-bottom:.75rem}.newsletter-compact-input{flex:1;padding:.875rem 1.25rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;transition:all .3s ease;background:#fff;min-width:0}.newsletter-compact-input:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.newsletter-compact-input::placeholder{color:#9ca3af}.newsletter-compact-btn{padding:.875rem 1.5rem;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap;box-shadow:0 4px 12px #ff6b354d;flex-shrink:0}.newsletter-compact-btn:hover:not(:disabled){background:linear-gradient(135deg,#f7931e,#ff6b35);transform:translateY(-1px);box-shadow:0 6px 16px #ff6b3566}.newsletter-compact-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.newsletter-compact-arrow{font-size:1rem;transition:transform .3s ease}.newsletter-compact-btn:hover .newsletter-compact-arrow{transform:translate(2px)}.newsletter-compact-spinner{animation:newsletter-compact-spin 1s linear infinite}.newsletter-compact-privacy{font-size:.8rem;color:#6b7280;text-align:center;margin:0;display:flex;align-items:center;justify-content:center;gap:.25rem}.newsletter-compact-success{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 2rem;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;color:#fff;box-shadow:0 4px 16px #10b9814d}.newsletter-compact-check{background:#fff3;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.newsletter-compact-success-text{font-size:1rem;font-weight:600}@keyframes newsletter-compact-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.newsletter-compact-card{gap:2rem;padding:1.75rem 2rem}.newsletter-compact-right{min-width:350px}.newsletter-compact-title{font-size:1.5rem}.newsletter-compact-subtitle{font-size:.95rem}}@media (max-width: 768px){.newsletter-compact-section{padding:2rem 0}.newsletter-compact-container{padding:0 1rem}.newsletter-compact-card{flex-direction:column;gap:2rem;padding:2rem 1.5rem;text-align:center}.newsletter-compact-left{flex-direction:column;gap:1rem;text-align:center}.newsletter-compact-right{min-width:100%;width:100%}.newsletter-compact-input-wrapper{flex-direction:column;gap:1rem}.newsletter-compact-input,.newsletter-compact-btn{width:100%}}@media (max-width: 480px){.newsletter-compact-section{padding:1.5rem 0}.newsletter-compact-card{padding:1.5rem 1rem;border-radius:16px}.newsletter-compact-title{font-size:1.3rem}.newsletter-compact-subtitle{font-size:.9rem}.newsletter-compact-icon{width:50px;height:50px;font-size:1.5rem}.newsletter-compact-input,.newsletter-compact-btn{padding:.75rem 1rem;font-size:.9rem}}.contact-items{display:flex;align-items:flex-start;gap:15px}.contact-icon{width:44px;height:44px;background:linear-gradient(135deg,#2d3748,#1a202c);border:2px solid #4a5568;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#f78b29;font-size:18px;flex-shrink:0;box-shadow:0 2px 8px #0003}.contact-text{display:flex;flex-direction:column;gap:5px;flex:1;line-height:1.5}.contact-text strong{color:#fff;font-weight:600;font-size:15px;margin-bottom:3px;letter-spacing:.3px}.contact-text span{color:#e2e8f0;font-size:14px;line-height:1.6;word-wrap:break-word;max-width:100%}.footer-bottom{border-top:1px solid #4a5568;padding-top:25px}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.x-icon{width:24px;height:24px;fill:#fff;transition:all .3s ease}.x-icon:hover{fill:#fff;transform:scale(1.1)}.footer-bottom-left{flex:1}.copyright{color:#a0aec0;font-size:13px;margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.copyright a{color:#cbd5e0;text-decoration:none;transition:color .3s ease}.copyright a:hover{color:#f78b29;text-decoration:none}.separator{color:#4a5568}.footer-bottom-right{display:flex;align-items:center}.payment-methods{display:flex;align-items:center;gap:15px}.payment-text{color:#a0aec0;font-size:13px;font-weight:500}.payment-icons{display:flex;gap:8px;align-items:center}.payment-icon{height:24px;width:auto;border-radius:4px;transition:all .3s ease;filter:brightness(.8)}.payment-icon:hover{filter:brightness(1);transform:scale(1.1)}@media (max-width: 1024px){.footer-content{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:30px}}@media (max-width: 768px){.footer-section{background:linear-gradient(135deg,#1a202c,#2d3748);color:#fff;padding:30px 0 0;margin-top:40px;position:relative;overflow:visible;min-height:auto}.footer-content{display:block;padding:0 20px 20px;margin-bottom:0;text-align:left}.footer-column.main-column{background:#2d374866;border:1px solid rgba(74,85,104,.3);border-radius:8px;padding:20px;margin-bottom:15px;box-shadow:0 2px 4px #0000001a;position:relative}.footer-column.main-column:before{display:block;color:#f78b29;font-size:16px;font-weight:600;margin-bottom:15px;position:relative;z-index:2}.footer-logo{justify-content:flex-start;margin-bottom:15px;position:relative;z-index:1}.footer-logo-image{height:45px}.footer-description{color:#cbd5e0;font-size:14px;line-height:1.5;margin-bottom:15px;display:block}.footer-column.main-column:after{display:none}.footer-column:nth-child(2){background:#2d374866;border:1px solid rgba(74,85,104,.3);border-radius:8px;padding:20px;margin-bottom:15px;box-shadow:0 2px 4px #0000001a;order:2}.footer-column:nth-child(3){background:#2d374866;border:1px solid rgba(74,85,104,.3);border-radius:8px;padding:20px;margin-bottom:15px;box-shadow:0 2px 4px #0000001a;order:3}.footer-column:nth-child(4){background:#2d374866;border:1px solid rgba(74,85,104,.3);border-radius:8px;padding:20px;margin-bottom:15px;box-shadow:0 2px 4px #0000001a;order:4}.footer-column:nth-child(5),.footer-column.contact-column{background:#2d374866;border:1px solid rgba(74,85,104,.3);border-radius:8px;padding:20px 70px 20px 20px;margin-bottom:15px;box-shadow:0 2px 4px #0000001a;order:5;position:relative}.footer-title{color:#f78b29;font-size:16px;font-weight:600;margin-bottom:15px;text-align:left;border:none;padding-bottom:0;display:block;position:relative;z-index:2}.footer-title:after{display:none}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{display:inline;margin:0}.footer-column li:after{content:" | ";color:#a0aec0;margin:0 2px}.footer-column li:last-child:after{content:""}.footer-column a{color:#cbd5e0;text-decoration:none;font-size:14px;line-height:1.6}.footer-column a:hover{color:#f78b29;text-decoration:none}.contact-infos{text-align:left}.contact-items{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}.contact-items{display:flex}.contact-icon{width:20px;height:20px;font-size:14px;color:#f78b29;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;position:static;left:auto;top:auto}.contact-text{flex:1}.contact-text strong{color:#f78b29;font-weight:600;font-size:14px;display:block;margin-bottom:3px}.contact-text span{color:#cbd5e0;font-size:13px;line-height:1.4;display:block}.footer-column.contact-column:after{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#0ea5e9;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all .3s ease;z-index:3}.social-links{display:flex;justify-content:flex-start;gap:12px;margin-top:15px;padding-top:15px;border-top:1px solid rgba(74,85,104,.3)}.social-link{width:32px;height:32px;background:#f78b2933;color:#f78b29;border:1px solid rgba(247,139,41,.3);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .3s ease}.social-link:hover{background:#f78b294d;transform:translateY(-1px)}.footer-bottom{background:#1a202ce6;border-top:1px solid rgba(74,85,104,.3);padding:15px 0 20px;margin-top:0;width:100%;position:relative;z-index:10;display:block;visibility:visible;opacity:1}.footer-bottom-content{display:flex;flex-direction:column;gap:15px;padding:0 20px;align-items:center;text-align:center}.footer-bottom-left,.footer-bottom-right{width:100%;text-align:center}.copyright{color:#a0aec0;font-size:13px;margin:0;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}.copyright a{color:#f78b29}.separator{display:none}.payment-methods{display:flex;flex-direction:column;align-items:center;gap:10px}.payment-text{color:#a0aec0;font-size:13px;font-weight:500}.payment-icons{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.payment-icon{height:24px;width:auto;border-radius:4px;transition:all .3s ease;filter:brightness(.9)}.payment-icon:hover{transform:translateY(-2px) scale(1.05);filter:brightness(1.1)}}@media (max-width: 480px){.footer-section{padding:20px 0 0;margin-top:30px}.footer-content{padding:0 15px 15px}.footer-column.main-column,.footer-column:nth-child(2),.footer-column:nth-child(3),.footer-column:nth-child(4),.footer-column:nth-child(5),.footer-column.contact-column{padding:15px;margin-bottom:12px}.footer-column.contact-column{padding-right:60px}.footer-title{font-size:15px}.footer-column a{font-size:13px}.footer-logo-image{height:40px}.footer-bottom{padding:12px 0 15px}.footer-bottom-content{padding:0 15px}.copyright,.payment-text{font-size:12px}.payment-icon{height:22px}}@media (max-width: 768px){.contact-infos{margin-left:0}.contact-icon{position:static;left:auto;top:auto;transform:none}}@media (max-width: 320px){.footer-section{padding:25px 0 15px}.footer-logo{flex-direction:column;gap:10px}.footer-logo-name{font-size:20px}.footer-title{font-size:15px}.social-links{gap:8px}.social-link{width:32px;height:32px;font-size:12px}}.app-download-section{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:80px 0;position:relative;overflow:hidden}.app-download-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.app-logo{display:flex;align-items:center;gap:10px;margin-bottom:30px}.logo-icon{font-size:2rem;color:#f39c12}.app-name{font-size:1.8rem;font-weight:700;color:#f39c12}.app-download-title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:20px;color:#fff}.app-download-subtitle{font-size:1.2rem;color:#bdc3c7;margin-bottom:40px;line-height:1.5}.download-buttons{display:flex;gap:20px;flex-wrap:wrap}.download-btn{display:block;transition:transform .3s ease}.download-btn:hover{transform:translateY(-5px)}.download-btn img{height:60px;width:auto;border-radius:10px;box-shadow:0 5px 15px #0000004d}.app-download-right{position:relative;display:flex;justify-content:center;align-items:center}.phone-container{position:relative;z-index:2}.phone-mockup{width:280px;height:560px;background:linear-gradient(145deg,#ecf0f1,#bdc3c7);border-radius:40px;padding:20px;box-shadow:0 20px 40px #0000004d;position:relative}.phone-mockup:before{content:"";position:absolute;top:15px;left:50%;transform:translate(-50%);width:120px;height:25px;background:#2c3e50;border-radius:15px;z-index:3}.phone-screen{width:100%;height:100%;background:#fff;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.qr-container{text-align:center}.qr-code-real{background:#fff;border:3px solid #2c3e50;border-radius:15px;padding:15px;margin-bottom:20px;display:inline-block;box-shadow:0 5px 15px #0000001a}.qr-image{width:150px;height:150px;display:block;border-radius:5px}.scan-text{color:#f39c12;font-weight:600;font-size:1.1rem;margin:0}.floating-elements{position:absolute;width:100%;height:100%;pointer-events:none}.floating-item{position:absolute;font-size:2.5rem;animation:float 6s ease-in-out infinite;opacity:.7}.floating-item:nth-child(1){top:20%;right:-50px;animation-delay:0s}.floating-item:nth-child(2){top:60%;right:-30px;animation-delay:2s}.floating-item:nth-child(3){bottom:30%;right:-60px;animation-delay:4s}.floating-item:nth-child(4){bottom:10%;right:-20px;animation-delay:1s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}@media (max-width: 768px){.app-download-content{grid-template-columns:1fr;gap:40px;text-align:center}.app-download-title{font-size:2.2rem}.app-download-subtitle{font-size:1.1rem}.phone-mockup{width:240px;height:480px}.qr-image{width:120px;height:120px}.download-btn img{height:50px}.floating-elements{display:none}}@media (max-width: 480px){.app-download-section{padding:60px 0}.app-download-title{font-size:1.8rem}.download-buttons{justify-content:center}.phone-mockup{width:200px;height:400px}.qr-image{width:100px;height:100px}}.app-download-section{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:40px 0;position:relative;overflow:hidden}.app-download-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;max-width:900px;margin:0 auto;padding:0 20px}.app-download-left{z-index:2}.app-logo{display:flex;align-items:center;gap:8px;margin-bottom:20px}.logo-icon{font-size:1.5rem;color:#f39c12}.app-name{font-size:1.4rem;font-weight:700;color:#f39c12}.app-download-title{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:15px;color:#fff}.app-download-subtitle{font-size:1rem;color:#bdc3c7;margin-bottom:25px;line-height:1.5}.download-buttons{display:flex;gap:15px;flex-wrap:wrap}.download-btn img{height:45px;width:auto;border-radius:8px;box-shadow:0 4px 12px #0000004d}.phone-mockup{width:200px;height:400px;background:linear-gradient(145deg,#ecf0f1,#bdc3c7);border-radius:30px;padding:15px;box-shadow:0 15px 30px #0000004d;position:relative}.phone-mockup:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:80px;height:18px;background:#2c3e50;border-radius:12px;z-index:3}.phone-screen{width:100%;height:100%;background:#fff;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.qr-code-real{background:#fff;border:2px solid #2c3e50;border-radius:10px;padding:10px;margin-bottom:15px;display:inline-block;box-shadow:0 3px 10px #0000001a}.qr-image{width:100px;height:100px;display:block;border-radius:4px}.scan-text{color:#f39c12;font-weight:600;font-size:.9rem;margin:0}.floating-item{position:absolute;font-size:1.8rem;animation:float 6s ease-in-out infinite;opacity:.6}@media (max-width: 768px){.app-download-section{padding:30px 0}.app-download-content{gap:25px;max-width:100%}.app-download-title{font-size:1.6rem}.phone-mockup{width:170px;height:340px}.qr-image{width:80px;height:80px}}@media (max-width: 480px){.app-download-section{padding:25px 0}.app-download-title{font-size:1.4rem}.phone-mockup{width:150px;height:300px}.qr-image{width:70px;height:70px}}.advertisement-section{position:relative;left:50%;right:50%;margin-left:-50vw!important;margin-right:-50vw!important;width:100vw!important;max-width:100vw!important;padding:0!important;margin-top:0!important;margin-bottom:0!important;overflow:hidden;background:transparent}.advertisement-content{width:100vw!important;max-width:none!important;margin:0!important;padding:0!important;position:relative;left:0!important;right:0!important}.advertisement-image-container{border-radius:0!important;margin:0!important;padding:0!important;width:100%!important;height:auto;box-shadow:none!important;border:none!important;outline:none!important;display:block!important;position:relative;left:0!important;right:0!important;top:0!important}.advertisement-image-container:hover{transform:none}.advertisement-image{width:100vw!important;max-width:none!important;height:auto;object-fit:cover!important;object-position:center;margin:0!important;padding:0!important;border:none!important;outline:none!important;border-radius:0!important;display:block!important;position:relative;left:0!important;top:0!important;min-height:120px}.container .advertisement-section{position:relative;left:50%!important;right:50%!important;margin-left:-50vw!important;margin-right:-50vw!important;width:100vw!important}body{margin:0!important;padding:0!important;overflow-x:hidden}@media (max-width: 768px){.advertisement-section{left:50%!important;right:50%!important;margin-left:-50vw!important;margin-right:-50vw!important;width:100vw!important}.advertisement-image{width:100vw!important;min-height:100px;transform:translate(-15px)}}@media (max-width: 480px){.advertisement-image{transform:translate(-17px);min-height:80px}}.top-rated-products-section{padding:80px 0;background:#fafbfc}.top-rated-products-section .section-title{text-align:center;font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:50px;position:relative}.top-rated-products-section .section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:2px}.top-rated-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto}.product-card-rated{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative}.product-card-rated:hover{transform:translateY(-8px);box-shadow:0 15px 40px #00000026}.product-image-rated{position:relative;height:220px;overflow:hidden;background:#f8f9fa}.product-image-rated img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card-rated:hover .product-image-rated img{transform:scale(1.05)}.product-info-rated{padding:20px}.rating-stars{display:flex;align-items:center;margin-bottom:8px;font-size:.9rem}.rating-stars span{color:#fbbf24}.product-info-rated h3{font-size:1.1rem;font-weight:600;color:#374151;margin-bottom:12px;line-height:1.4;min-height:50px}.price-info{display:flex;align-items:center;gap:10px;margin-bottom:15px}.current-price{font-size:1.25rem;font-weight:700;color:#059669}.original-price{font-size:1rem;color:#9ca3af;text-decoration:line-through}.add-to-cart-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease}.add-to-cart-btn:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.btn-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#fff3;border-radius:50%;font-size:14px;font-weight:700}@media (max-width: 1024px){.top-rated-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}}@media (max-width: 768px){.top-rated-products-section{padding:60px 0}.top-rated-products-section .section-title{font-size:2rem;margin-bottom:40px}.top-rated-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.product-image-rated{height:200px}.product-info-rated{padding:15px}.product-info-rated h3{font-size:1rem;min-height:45px}.current-price{font-size:1.1rem}}@media (max-width: 480px){.top-rated-grid{grid-template-columns:1fr;gap:15px}.product-card-rated{margin:0 10px}.product-image-rated{height:180px}.add-to-cart-btn{padding:10px 16px;font-size:.9rem}}.product-image-rated:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;z-index:1}.product-image-rated img{position:relative;z-index:2}.whatsapp-float{position:fixed;bottom:25px;right:25px;width:60px;height:60px;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;box-shadow:0 4px 15px #25d36666;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:whatsapp-pulse 2s infinite}.whatsapp-float:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 8px 25px #25d36699;animation:none}.whatsapp-float:active{transform:scale(.95)}.whatsapp-icon{color:#fff;font-size:28px;transition:transform .3s ease}.whatsapp-float:hover .whatsapp-icon{transform:rotate(10deg)}.whatsapp-tooltip{position:absolute;right:70px;top:50%;transform:translateY(-50%);background:#2c3e50;color:#fff;padding:8px 12px;border-radius:8px;font-size:14px;white-space:nowrap;opacity:0;animation:tooltipSlideIn .3s ease forwards;box-shadow:0 4px 12px #00000026}.whatsapp-tooltip:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-left-color:#2c3e50}@keyframes whatsapp-pulse{0%{box-shadow:0 4px 15px #25d36666}50%{box-shadow:0 4px 15px #25d36666,0 0 0 10px #25d3661a}to{box-shadow:0 4px 15px #25d36666,0 0 0 20px #25d36600}}@keyframes tooltipSlideIn{0%{opacity:0;transform:translateY(-50%) translate(10px)}to{opacity:1;transform:translateY(-50%) translate(0)}}@media (max-width: 768px){.whatsapp-float{width:55px;height:55px;bottom:20px;right:20px}.whatsapp-icon{font-size:24px}.whatsapp-tooltip{right:65px;font-size:12px;padding:6px 10px}}@media (max-width: 480px){.whatsapp-float{width:50px;height:50px;bottom:15px;right:15px}.whatsapp-icon{font-size:22px}.whatsapp-tooltip{right:60px;font-size:11px;padding:5px 8px}}@media (max-width: 768px){.whatsapp-float{z-index:1001}}.whatsapp-float:focus{outline:2px solid #25D366;outline-offset:4px}@media (prefers-color-scheme: dark){.whatsapp-tooltip{background:#1a1a1a;border:1px solid #333}.whatsapp-tooltip:after{border-left-color:#1a1a1a}}.product-image-scroll img{width:100%;height:200px;object-fit:cover;border-radius:8px;transition:transform .3s ease;background-color:#f5f5f5}.product-image-scroll img:hover{transform:scale(1.05)}.loading-skeleton{animation:pulse 1.5s ease-in-out infinite;border:1px solid #e0e0e0;border-radius:12px;background:#f9f9f9}.skeleton-badge{width:60px;height:20px;background:#e0e0e0;border-radius:12px;margin-bottom:10px}.skeleton-image{width:100%;height:200px;background:#e0e0e0;border-radius:8px;margin-bottom:10px}.skeleton-info{padding:10px}.skeleton-title{width:80%;height:16px;background:#e0e0e0;border-radius:4px;margin-bottom:8px}.skeleton-price{width:60%;height:14px;background:#e0e0e0;border-radius:4px;margin-bottom:8px}.skeleton-rating{width:40%;height:12px;background:#e0e0e0;border-radius:4px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.product-card-scroll{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;min-width:250px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.product-card-scroll:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.error-state,.no-products-state{text-align:center;padding:40px 20px;color:#666;font-size:16px;width:100%;display:flex;flex-direction:column;align-items:center;gap:15px}.retry-button,.browse-all-btn{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;text-decoration:none;transition:background .3s ease}.retry-button:hover,.browse-all-btn:hover{background:#0056b3}.rating-count{color:#666;font-size:12px;margin-left:5px}@media (max-width: 768px){.product-image-scroll img{height:150px}.product-card-scroll{min-width:200px}}.footer-logo{display:flex;align-items:center;justify-content:flex-start;margin-bottom:20px}.footer-logo-link{display:flex;align-items:center;text-decoration:none;transition:transform .2s ease;background:transparent;border:none;outline:none}.footer-logo-link:hover{transform:translateY(-2px);text-decoration:none}.footer-logo-image{height:75px;width:auto;object-fit:contain;border-radius:8px;transition:all .3s ease;background:transparent;border:none!important;box-shadow:none!important;filter:brightness(1.1);outline:none}.footer-logo-image:hover{transform:scale(1.05);filter:brightness(1.2);border:none!important;box-shadow:none!important}.footer-logo,.footer-logo-link,.footer-logo-image{border:none!important;outline:none!important;box-shadow:none!important}.footer-logo-text,.footer-logo-name,.footer-logo-tagline{display:none!important}@media (max-width: 768px){.footer-logo-image{height:60px;border:none!important;box-shadow:none!important}.footer-logo{justify-content:center;margin-bottom:15px}}@media (max-width: 480px){.footer-logo-image{height:50px;border:none!important;box-shadow:none!important}}.cities-service-section{padding:60px 0;background:#f8fafc;border-top:1px solid #e2e8f0}.cities-header{text-align:center;margin-bottom:40px}.cities-title{font-size:2rem;font-weight:700;color:#2d3748;margin:0}.cities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:1200px;margin:0 auto;padding:0 20px}.city-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease;cursor:pointer}.city-card:hover{border-color:#fc8019;box-shadow:0 4px 12px #fc801926;transform:translateY(-2px)}.city-text{color:#4a5568;font-size:14px;font-weight:500}.city-text strong{color:#2d3748;font-weight:600}.show-more-card{background:linear-gradient(135deg,#fc8019,#e67317);border-color:#fc8019}.show-more-card:hover{background:linear-gradient(135deg,#e67317,#d65a0f);transform:translateY(-3px);box-shadow:0 6px 16px #fc80194d}.show-more-text{color:#fff;font-weight:600;font-size:14px}@media (max-width: 768px){.cities-service-section{padding:40px 0}.cities-title{font-size:1.6rem}.cities-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;padding:0 15px}.city-card{padding:16px}.city-text{font-size:13px}}@media (max-width: 480px){.show .cities-service-section{padding:30px 0}.cities-title{font-size:1.4rem}.cities-grid{grid-template-columns:1fr;gap:12px}.city-card{padding:14px}.city-text,.show-more-text{font-size:12px}}.newsletter-success{text-align:center;padding:40px 20px;animation:slideInUp .5s ease-out}.success-animation{margin-bottom:24px;display:flex;justify-content:center}.checkmark-circle{width:80px;height:80px;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #28a7454d;animation:checkmarkBounce .6s ease-out;position:relative}.checkmark-circle:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:#28a74533;animation:ripple 1.5s infinite}.checkmark{font-size:36px;color:#fff;font-weight:700;animation:checkmarkScale .3s ease-out .3s both}.success-title{font-size:24px;font-weight:700;color:#28a745;margin-bottom:12px;animation:fadeInUp .5s ease-out .2s both}.success-message{font-size:16px;color:#6c757d;line-height:1.5;max-width:400px;margin:0 auto;animation:fadeInUp .5s ease-out .4s both}@keyframes checkmarkBounce{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes checkmarkScale{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes ripple{0%{transform:scale(1);opacity:.6}to{transform:scale(1.4);opacity:0}}@media (max-width: 768px){.newsletter-success{padding:30px 15px}.checkmark-circle{width:60px;height:60px}.checkmark{font-size:28px}.success-title{font-size:20px}.success-message{font-size:14px}}@media (max-width: 480px){.success-title{font-size:18px}.success-message{font-size:13px}}.cities-service-section{padding:80px 0;background:#f8f9fa;position:relative}.cities-header{text-align:center;margin-bottom:50px}.cities-title{font-size:2.5rem;font-weight:700;color:#2c3e50;margin:0;line-height:1.2}.cities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;max-width:1200px;margin:0 auto;padding:0 20px}.city-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:20px 25px;text-align:center;transition:all .3s ease;cursor:default;position:relative;min-height:60px;display:flex;align-items:center;justify-content:center}.city-card:hover{border-color:#f39c12;transform:translateY(-2px);box-shadow:0 8px 25px #f39c1226}.city-card.highlighted{border-color:#f39c12;background:linear-gradient(135deg,#fff8e1,#fffbf0);box-shadow:0 4px 15px #f39c1233}.city-text{font-size:1rem;color:#5a6c7d;line-height:1.4}.city-text strong{color:#2c3e50;font-weight:600}.show-more-card,.show-less-card{background:linear-gradient(135deg,#f39c12,#e67e22);border-color:#f39c12;cursor:pointer;color:#fff;font-weight:600;transition:all .3s ease}.show-more-card:hover,.show-less-card:hover{background:linear-gradient(135deg,#e67e22,#d35400);transform:translateY(-3px);box-shadow:0 10px 30px #f39c124d}.show-more-text,.show-less-text{font-size:1.1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.city-card{animation:fadeInUp .5s ease forwards}@media (max-width: 768px){.cities-service-section{padding:60px 0}.cities-title{font-size:2rem;margin-bottom:30px}.cities-grid{grid-template-columns:1fr;gap:15px;padding:0 15px}.city-card{padding:18px 20px;min-height:50px}.city-text{font-size:.95rem}.show-more-text,.show-less-text{font-size:1rem}}@media (max-width: 480px){.cities-service-section{padding:50px 0}.cities-title{font-size:1.7rem;padding:0 10px}.cities-grid{padding:0 10px;gap:12px}.city-card{padding:15px 18px;border-radius:10px}.city-text{font-size:.9rem}.show-more-text,.show-less-text{font-size:.95rem}}@media (min-width: 1200px){.cities-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 768px) and (max-width: 1199px){.cities-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 481px) and (max-width: 767px){.cities-grid{grid-template-columns:repeat(2,1fr)}}.product-showcase-section{position:relative;padding:80px 0;background:#f8f9fa}.showcase-container{max-width:1400px;height:493;min-height:650px;max-height:650px;margin:0 auto;padding:0 20px}.showcase-title{text-align:center;font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:60px}.product-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;min-height:600px}.main-product-link{text-decoration:none;color:inherit;display:block;height:100%}.main-product-card{position:relative;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;height:100%;display:flex;flex-direction:column;min-height:550px;max-height:550px;transition:all .3s ease}.main-product-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.main-product-image{height:60%;overflow:hidden;background:#f0f0f0}.main-product-img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.main-product-card:hover .main-product-img{transform:scale(1.05)}.main-product-info{height:40%;padding:40px 30px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:20px}.main-product-info h3{font-size:2.2rem;font-weight:600;color:#2c3e50;margin:0;line-height:1.2}.main-product-cta{background:linear-gradient(135deg,#f28602,#ff6b35);color:#fff;border:none;padding:15px 40px;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #f286024d}.main-product-cta:hover{background:linear-gradient(135deg,#e07516,#f28602);transform:translateY(-2px);box-shadow:0 6px 20px #f2860266}.secondary-products-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:15px;height:100%;min-height:550px;max-height:550px}.secondary-product-link{text-decoration:none;color:inherit;display:block;height:100%}.secondary-product-card{background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;height:100%;min-height:260px;max-height:260px}.secondary-product-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.secondary-product-image{height:70%;min-height:180px;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.secondary-product-img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.secondary-product-card:hover .secondary-product-img{transform:scale(1.05)}.secondary-product-info{height:30%;min-height:100px;padding:20px 15px;display:flex;align-items:center;justify-content:center;text-align:center}.secondary-product-info h4{font-size:1.3rem;font-weight:600;color:#2c3e50;margin:0;line-height:1.3}@media (min-width: 769px) and (max-width: 1024px){.product-gallery-section{padding:50px 0 60px}.gallery-header{padding:0 30px;margin-bottom:40px}.gallery-title{font-size:2rem}.product-scroll-container{padding:0 30px}.product-scroll-wrapper{gap:25px;padding:20px 0}.product-card-scroll{flex:0 0 280px;min-width:280px;max-width:280px}.product-image-scroll{height:200px}.product-info-scroll{padding:20px 15px}.product-info-scroll h4{font-size:1.1rem;line-height:1.3}.product-info-scroll p{font-size:.95rem;line-height:1.4}.price-scroll{font-size:1.05rem}.rating-scroll{font-size:.9rem}}@media (min-width: 600px) and (max-width: 1024px){.product-scroll-wrapper{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.product-card-scroll{scroll-snap-align:start;flex-shrink:0}.product-scroll-wrapper::-webkit-scrollbar{height:8px}.product-scroll-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.product-scroll-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.product-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#a1a1a1}}@media (max-width: 768px){.product-gallery-section{padding:60px 0}.product-card-scroll{flex:0 0 250px}}@media (max-width: 480px){.product-card-scroll{flex:0 0 220px}}@media (max-width: 768px){.product-showcase-section{padding:50px 0}.showcase-title{font-size:2rem;margin-bottom:40px}.product-showcase-grid{gap:30px}.main-product-card{min-height:350px}.main-product-info{padding:25px 20px}.main-product-info h3{font-size:1.8rem}.main-product-cta{padding:12px 25px;font-size:1rem}.secondary-products-grid{gap:15px}.secondary-product-card{min-height:180px}.secondary-product-info{padding:15px 10px}.secondary-product-info h4{font-size:1.1rem}}@media (max-width: 480px){.product-showcase-section{height:auto!important;padding:25px 0 40px!important;background:#f8f9fa!important;overflow:visible!important}.showcase-container{max-width:100%!important;width:100%!important;height:auto!important;min-height:auto!important;max-height:none!important;margin:0 auto!important;padding:0 12px!important;overflow-y:scroll;box-sizing:border-box!important}.showcase-title{font-size:1.75rem!important;font-weight:700!important;color:#2c3e50!important;text-align:center!important;margin:0 0 25px!important;padding:0!important;line-height:1.3!important}.product-showcase-grid{display:flex!important;flex-direction:column!important;gap:18px!important;width:100%!important;min-height:auto!important;align-items:stretch!important}.main-product-card,.secondary-product-card{width:100%!important;height:320px!important;min-height:320px!important;max-height:320px!important;background:#fff!important;border-radius:16px!important;box-shadow:0 4px 12px #0000001a!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;margin:0!important;padding:0!important;box-sizing:border-box!important;transition:transform .2s ease,box-shadow .2s ease!important;position:relative!important}.main-product-card:active,.secondary-product-card:active{transform:scale(.98)!important;box-shadow:0 2px 8px #00000026!important}.main-product-image,.secondary-product-image{height:200px!important;width:100%!important;overflow:hidden!important;background:#f0f0f0!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.main-product-img,.secondary-product-img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important}.main-product-info,.secondary-product-info{height:120px!important;padding:16px 12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;box-sizing:border-box!important;background:#fff!important}.main-product-info h3,.secondary-product-info h4{font-size:1.25rem!important;font-weight:600!important;color:#2c3e50!important;margin:0 0 12px!important;line-height:1.3!important;text-align:center!important;max-width:100%!important;word-wrap:break-word!important}.main-product-cta{background:linear-gradient(135deg,#f28602,#ff6b35)!important;color:#fff!important;border:none!important;border-radius:25px!important;padding:12px 24px!important;font-size:.9rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;cursor:pointer!important;transition:all .2s ease!important;box-shadow:0 2px 8px #f286024d!important;margin:0 auto!important;display:inline-block!important;text-decoration:none!important;min-width:120px!important}.main-product-cta:active{transform:translateY(1px)!important;box-shadow:0 1px 4px #f2860266!important}.secondary-products-grid{display:flex!important;flex-direction:column!important;gap:18px!important;width:100%!important}.secondary-product-card{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important}.main-product-link,.secondary-product-link{text-decoration:none!important;color:inherit!important;display:block!important;width:100%!important;height:100%!important}.product-showcase-section *{box-sizing:border-box!important}.main-product-image:empty,.secondary-product-image:empty{background:linear-gradient(135deg,#f8f9fa,#e9ecef)!important;position:relative!important}.main-product-image:empty:before,.secondary-product-image:empty:before{content:"📦"!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;font-size:2rem!important;opacity:.3!important}}@media (max-width: 360px){.showcase-container{padding:0 8px!important}.main-product-card,.secondary-product-card{height:300px!important;min-height:300px!important;max-height:300px!important}.main-product-image,.secondary-product-image{height:180px!important}.main-product-info,.secondary-product-info{height:120px!important;padding:12px 8px!important}.main-product-info h3,.secondary-product-info h4{font-size:1.1rem!important}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.product-showcase-section{animation:slideInFromBottom .6s ease-out}.main-product-link:focus,.secondary-product-link:focus{outline:3px solid #f28602;outline-offset:2px;border-radius:15px}.main-product-card,.secondary-product-card{position:relative;overflow:hidden}.main-product-card:before,.secondary-product-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(242,134,2,.1),transparent);transition:left .5s ease;z-index:1}.main-product-card:hover:before,.secondary-product-card:hover:before{left:100%}.main-product-image,.main-product-info,.secondary-product-image,.secondary-product-info{position:relative;z-index:2}.top-rated-products-section{padding:60px 0 0;background:#fff;border-bottom:1px solid #e9ecef;margin-bottom:0}.top-rated-products-section .container .section-header .header-contents{font-size:11px;width:100%;background:#fff;display:flex;flex-direction:column;padding-bottom:50px;border-radius:10px}.view-all-section{text-align:center;margin-top:30px;margin-bottom:0;padding-bottom:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.header-content h2.section-title{font-size:1.75rem;font-weight:700;color:#282c3f;margin:0 0 5px;font-family:ProximaNova,sans-serif}.section-subtitle{font-size:.95rem;color:#7e808c;font-weight:400}.view-all-btn-header{position:relative;left:-152px;background:none;border:1px solid #fc8019;color:#fc8019;height:50px;width:120px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.view-all-btn-header:hover{background:#fc8019;color:#fff}.productss-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:25px;margin-bottom:40px}.product-card-grid{background:#fff;border-radius:12px;border:1px solid #e9ecef;overflow:hidden;transition:all .3s ease;cursor:pointer;position:relative;display:flex;flex-direction:column}.product-card-grid:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px);border-color:#fc8019}.product-image-grid{position:relative;width:100%;height:200px;overflow:hidden}.product-image-grid img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card-grid:hover .product-image-grid img{transform:scale(1.05)}.rating-badge-grid{position:absolute;bottom:10px;left:10px;color:#fff;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:2px;box-shadow:0 2px 4px #0003;min-width:45px;justify-content:center}.rating-star{font-size:.7rem}.rating-value{font-size:.75rem}.discount-badge{position:absolute;top:10px;right:10px;background:#ff6b35;color:#fff;padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase}.product-info-grid{padding:16px;display:flex;flex-direction:column;flex-grow:1}.product-name-grid{font-size:1rem;font-weight:600;color:#282c3f;margin:0 0 8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;transition:color .3s ease;min-height:40px}.product-name-grid:hover{color:#fc8019}.supplier-info-grid{margin-bottom:12px}.supplier-name-grid{font-size:.8rem;color:#686b78;font-weight:400;display:block}.price-rating-section{margin-bottom:12px}.price-info-grid{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.current-price-grid{font-size:1.1rem;font-weight:600;color:#282c3f}.price-unit-grid{font-size:.8rem;color:#686b78}.rating-display{display:flex;align-items:center;gap:8px}.stars-grid{color:#ffc107;font-size:.8rem;letter-spacing:1px}.review-count-grid{font-size:.75rem;color:#93959f}.add-to-cart-btn-grid{width:100%;background:#fc8019;color:#fff;border:none;padding:12px 16px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;text-transform:uppercase;letter-spacing:.5px;margin-top:auto}.add-to-cart-btn-grid:hover:not(:disabled){background:#e67317;transform:translateY(-1px);box-shadow:0 4px 12px #fc80194d}.add-to-cart-btn-grid:disabled{background:#93959f;cursor:not-allowed;transform:none;box-shadow:none}.add-to-cart-btn-grid.loading{background:#93959f;cursor:not-allowed}.btn-icon{font-size:1rem;font-weight:700}.view-all-section{text-align:center;margin-top:30px}.view-all-btn-main{background:linear-gradient(135deg,#fc8019,#e67317);color:#fff;border:none;padding:15px 40px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #fc80194d}.view-all-btn-main:hover{background:linear-gradient(135deg,#e67317,#d65f0c);transform:translateY(-2px);box-shadow:0 6px 20px #fc801966}.loading-container,.error-container,.no-products-container{text-align:center;padding:60px 20px}.loading-container p,.error-container p,.no-products-container p{margin-top:20px;font-size:1rem;color:#686b78}.retry-btn,.browse-btn{background:#fc8019;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:15px;text-transform:uppercase}.retry-btn:hover,.browse-btn:hover{background:#e67317;transform:translateY(-1px)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:15px}.empty-icon{font-size:3rem;opacity:.5}.empty-state h3{font-size:1.3rem;color:#282c3f;margin:0;font-weight:600}.empty-state p{color:#686b78;margin:0}@media (max-width: 992px){.productss-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:20px}}@media (max-width: 768px){.top-rated-products-section{padding:40px 0}.container{padding:0 15px}.section-header{flex-direction:row;align-items:flex-start;gap:15px;margin-bottom:30px}.section-title{font-size:1.5rem!important}.productss-grid{grid-template-columns:repeat(2,1fr);gap:15px}.product-image-grid{height:150px}.product-info-grid{padding:12px}}@media (max-width: 480px){.section-subtitle{padding-left:70px}.productss-grid{height:1500px;grid-template-columns:1fr;gap:15px}.product-image-grid{height:280px}.view-all-btn-header{position:absolute;left:150px;height:30px;width:80px;margin-top:190px}.section-titles{background:#7e808c;font-size:1.3rem!important}.view-all-btn-main{padding:12px 30px;font-size:.9rem}}.minimum-quantity-badge{position:absolute;top:45px;left:8px;background:#ffc107f2;color:#000;padding:3px 6px;border-radius:4px;font-size:10px;font-weight:600;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,193,7,.3)}.minimum-quantity-info{margin:4px 0;padding:3px 8px;background:#ffc1071a;border-radius:4px;border-left:3px solid #ffc107}.min-qty-text{font-size:11px;color:#856404;font-weight:500}.add-to-cart-btn-grid{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.minimum-quantity-badge{font-size:9px;padding:2px 4px;top:40px;left:6px}.minimum-quantity-info{margin:3px 0;padding:2px 6px}.min-qty-text{font-size:10px}}@media (max-width: 480px){.minimum-quantity-badge{font-size:8px;padding:2px 3px;top:35px;left:4px}.add-to-cart-btn-grid{font-size:11px;padding:8px 10px}}.location-detector{background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;margin-bottom:20px}.location-detector:hover{box-shadow:0 4px 16px #00000026}.location-status-bar{padding:16px;background:linear-gradient(135deg,#667eea,#764ba2)}.location-request-btn{width:100%;background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:#fff;padding:12px 20px;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.location-request-btn:hover:not(:disabled){background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}.location-request-btn:disabled{cursor:not-allowed;opacity:.7}.location-request-btn .spinning{animation:spin 1s linear infinite}.location-display{display:flex;justify-content:space-between;align-items:center;gap:12px}.location-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.location-icon{color:#4caf50;font-size:18px;flex-shrink:0}.location-text{display:flex;flex-direction:column;gap:2px;min-width:0}.location-primary{color:#fff;font-weight:600;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delivery-quick-info{color:#fffc;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location-actions{display:flex;gap:8px;flex-shrink:0}.refresh-btn,.expand-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px;border-radius:6px;cursor:pointer;transition:all .3s ease;position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.refresh-btn:hover:not(:disabled),.expand-btn:hover{background:#ffffff40;transform:scale(1.1)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.quick-delivery-badge{position:absolute;top:-6px;right:-6px;background:#ff5722;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:16px;text-align:center}.location-error{padding:12px 16px;background:#ffebee;border-left:4px solid #f44336;display:flex;align-items:center;gap:8px;color:#c62828;font-size:14px}.retry-btn{background:#f44336;color:#fff;border:none;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px;margin-left:auto}.retry-btn:hover{background:#d32f2f}.delivery-details{padding:16px;background:#fafafa;border-top:1px solid #e0e0e0}.delivery-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.stat-label{font-size:12px;color:#666;font-weight:500}.stat-value{font-size:14px;font-weight:600;color:#333}.stat-value.same-day{color:#4caf50}.stat-value.next-day{color:#ff9800}.nearest-suppliers h4{margin:0 0 12px;font-size:14px;color:#333;font-weight:600}.supplier-list{display:flex;flex-direction:column;gap:8px}.supplier-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-radius:6px;border:1px solid #e0e0e0}.supplier-info{display:flex;flex-direction:column;gap:2px;flex:1}.supplier-name{font-size:13px;font-weight:600;color:#333}.fallback-indicator{font-size:10px;color:#ff9800;background:#fff3e0;padding:1px 4px;border-radius:3px;align-self:flex-start}.supplier-delivery{display:flex;flex-direction:column;gap:2px;align-items:flex-end}.distance{font-size:12px;color:#666;font-weight:500}.delivery-time{font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;white-space:nowrap}.delivery-time.same-day{background:#e8f5e8;color:#2e7d32}.delivery-time.next-day{background:#fff3e0;color:#ef6c00}.location-accuracy{padding:8px 16px;background:#0000000d;border-top:1px solid #e0e0e0}.location-accuracy small{color:#666;font-size:11px;line-height:1.4}@media (max-width: 768px){.location-display{flex-direction:column;align-items:flex-start;gap:8px}.location-info{width:100%}.location-actions{align-self:flex-end}.delivery-stats{grid-template-columns:repeat(2,1fr);gap:8px}.supplier-item{flex-direction:column;align-items:flex-start;gap:6px}.supplier-delivery{align-items:flex-start;flex-direction:row;gap:8px}}@media (max-width: 480px){.location-detector{border-radius:8px}.location-status-bar{padding:12px}.location-request-btn{padding:10px 16px;font-size:14px}.delivery-details{padding:12px}.delivery-stats{grid-template-columns:1fr}}.product-filters{display:flex;flex-direction:column;gap:1rem}.filter-section{border-bottom:1px solid var(--gray-200);padding-bottom:1rem;margin-bottom:1rem}.filter-section-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;background:none;border:none;cursor:pointer;font-size:1rem;font-weight:600;color:var(--gray-900);text-align:left;transition:color .3s ease}.filter-section-header:hover{color:var(--primary-600)}.expand-icon{font-size:.75rem;color:var(--gray-500);transition:transform .3s ease;font-weight:400}.filter-section-content{padding-top:.5rem;animation:slideDown .3s ease}.filter-options{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.filter-option{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;cursor:pointer;border-radius:var(--radius-md);transition:background-color .3s ease;font-size:.875rem;color:var(--gray-700)}.filter-option:hover{color:var(--primary-600)}.filter-option input[type=radio],.filter-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-600);cursor:pointer;margin:0}.count{font-size:.75rem;color:var(--gray-500);margin-left:auto!important}.rating-option{display:flex;flex-direction:column;gap:.25rem}.rating-option .stars{display:flex;gap:1px}.rating-option .star{font-size:.75rem;color:var(--gray-300)}.rating-option .star.filled{color:var(--accent-500)}.custom-price-range{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gray-200)}.custom-price-range h4{font-size:.875rem;font-weight:600;color:var(--gray-900);margin-bottom:.75rem}.price-inputs{display:flex;align-items:center;gap:.5rem}.price-input{flex:1;padding:.5rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.875rem;text-align:center}.price-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.price-inputs span{color:var(--gray-500);font-size:.875rem}.location-input{width:100%;padding:.75rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:.875rem}.location-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.location-input::placeholder{color:var(--gray-400)}.filter-section:has(.filter-section-header span:first-child:contains("Subcategory")){border-left:3px solid #007bff;background:linear-gradient(90deg,rgba(0,123,255,.05) 0%,transparent 100%)}.filter-section:has(.filter-section-header span:first-child:contains("Subcategory")) .filter-option{padding-left:20px;font-size:.9em;border-left:2px solid #e9ecef;margin-left:10px}.filter-section:has(.filter-section-header span:first-child:contains("Subcategory")) .filter-option:hover{border-left-color:#007bff;background-color:#007bff14}@media (max-width: 768px){.filter-section:has(.filter-section-header span:first-child:contains("Subcategory")) .filter-option{padding-left:15px;margin-left:5px}}.clear-filters-btn{width:100%;padding:12px;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;margin-top:16px}.clear-filters-btn:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}@media (max-width: 1024px){.product-filters{padding:1rem}.filter-section-header{padding:1rem 0;font-size:1.125rem}.filter-option{padding:.75rem 0}.filter-option span{font-size:1rem}}@media (max-width: 480px){.price-inputs{flex-direction:column;align-items:stretch}.price-inputs span{text-align:center;order:2}.price-input:first-child{order:1}.price-input:last-child{order:3}}.no-options{padding:16px;text-align:center;color:#6c757d;font-style:italic;background-color:#f8f9fa;border-radius:6px;margin:8px 0}.filter-section:has(.filter-section-header span:contains("Subcategory")){border-left:3px solid #28a745;background:linear-gradient(90deg,rgba(40,167,69,.05) 0%,transparent 100%);margin-top:8px}.filter-section:has(.filter-section-header span:contains("Subcategory")) .filter-option{padding:10px 14px;margin-left:12px;border-left:2px solid transparent;transition:all .2s ease}.filter-section:has(.filter-section-header span:contains("Subcategory")) .filter-option:hover{border-left-color:#28a745;background-color:#28a74514}.filter-section:has(.filter-section-header span:contains("Subcategory")) .filter-option input:checked+span{color:#28a745;font-weight:600}.location-filter{padding:0;margin:0}.location-toggle{margin-bottom:16px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;font-weight:500;color:var(--gray-700, #374151);padding:8px 0;transition:color .2s ease;-webkit-user-select:none;user-select:none}.checkbox-label:hover{color:var(--primary-600, #2563eb)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-600, #2563eb);margin:0}.location-status,.location-error,.location-detected{display:flex;align-items:center;gap:8px;font-size:13px;padding:12px 16px;margin:12px 0;border-radius:8px;border:1px solid;font-weight:500}.location-status{color:#1d4ed8;background-color:#dbeafe;border-color:#93c5fd}.location-error{color:#dc2626;background-color:#fee2e2;border-color:#fca5a5}.location-detected{color:#059669;background-color:#d1fae5;border-color:#6ee7b7}.distance-selector{margin-top:16px;padding-top:16px;border-top:1px solid var(--gray-200, #e5e7eb)}.distance-selector label{display:block;font-size:14px;font-weight:500;margin-bottom:12px;color:var(--gray-700, #374151)}.distance-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.distance-btn{padding:10px 16px;border:2px solid var(--gray-300, #d1d5db);background:#fff;color:var(--gray-700, #374151);border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}.distance-btn:hover{border-color:var(--primary-500, #3b82f6);color:var(--primary-600, #2563eb);background-color:var(--primary-50, #eff6ff)}.distance-btn.active{background:var(--primary-600, #2563eb);border-color:var(--primary-600, #2563eb);color:#fff;box-shadow:0 2px 4px #3b82f633}.distance-btn:disabled{background:var(--gray-100, #f3f4f6);border-color:var(--gray-200, #e5e7eb);color:var(--gray-400, #9ca3af);cursor:not-allowed}@media (max-width: 768px){.distance-options{grid-template-columns:1fr 1fr;gap:6px}.distance-btn{padding:8px 12px;font-size:12px;min-height:40px}.location-status,.location-error,.location-detected{padding:10px 12px;font-size:12px}}@media (min-width: 1024px){.distance-options{grid-template-columns:1fr 1fr 1fr 1fr}}.filter-section{border-bottom:1px solid var(--gray-200, #e5e7eb);padding-bottom:20px;margin-bottom:20px}.filter-section:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.filter-section-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:12px 0;background:none;border:none;cursor:pointer;font-size:15px;font-weight:600;color:var(--gray-900, #111827);text-align:left;transition:color .2s ease}.filter-section-header:hover{color:var(--primary-600, #2563eb)}.filter-section-header span:first-child{display:flex;align-items:center;gap:8px}.expand-icon{font-size:12px;color:var(--gray-500, #6b7280);transition:transform .3s ease;font-weight:400}.expand-icon.expanded{transform:rotate(180deg)}.filter-section-content{padding-top:8px;animation:slideDown .2s ease}.filter-options{display:flex;flex-direction:column;gap:8px;margin-top:8px}.filter-option{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 0;font-size:14px;color:var(--gray-700, #374151);transition:color .2s ease}.filter-option:hover{color:var(--primary-600, #2563eb)}.filter-option input[type=radio]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary-600, #2563eb);margin:0}.filter-option span{flex:1;line-height:1.4}.count{font-size:12px;color:var(--gray-500, #6b7280);font-weight:400;margin-left:auto}.swiggy-filters-container{background:#fff;border-radius:12px;border:1px solid #e9ecef;overflow:hidden}.swiggy-filters-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0;background:#fafbfc}.filters-title{display:flex;align-items:center;gap:8px}.filters-title h3{margin:0;font-size:16px;font-weight:600;color:#282c3f}.active-filters-count{background:#fc8019;color:#fff;font-size:12px;font-weight:500;padding:2px 6px;border-radius:10px}.clear-all-btn{background:none;border:none;color:#fc8019;font-size:14px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.clear-all-btn:hover{background:#fc80191a}.swiggy-filter-chips{display:flex;gap:8px;padding:16px 20px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.swiggy-filter-chips::-webkit-scrollbar{display:none}.filter-chip-container{position:relative;flex-shrink:0}.filter-chip{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid #d4d5d9;border-radius:24px;background:#fff;color:#686b78;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:36px}.filter-chip:hover{border-color:#fc8019;color:#fc8019}.filter-chip.active{background:#fc8019;border-color:#fc8019;color:#fff}.chip-icon{font-size:14px}.chip-label{font-weight:500}.chip-arrow{font-size:10px;transition:transform .2s ease}.filter-chip-container:hover .chip-arrow{transform:rotate(180deg)}.chip-close{font-size:16px;font-weight:600;margin-left:4px;opacity:.8}.chip-close:hover{opacity:1}.chip-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:250px;max-height:300px;overflow-y:auto}.dropdown-header{padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e9ecef;font-size:13px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px}.category-grid{padding:8px;display:flex;flex-direction:column;gap:4px}.category-option{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:none;background:#fff;color:#686b78;font-size:14px;cursor:pointer;border-radius:6px;transition:all .2s ease;text-align:left;width:100%}.category-option:hover{background:#f8f9fa;color:#282c3f}.category-option.selected{background:#fc8019;color:#fff}.category-name{font-weight:500}.category-count{font-size:12px;color:#999}.category-option.selected .category-count{color:#fffc}.subcategory-dropdown{min-width:200px}.subcategory-list{padding:8px;display:flex;flex-direction:column;gap:4px}.subcategory-option{padding:10px 12px;border:none;background:#fff;color:#686b78;font-size:14px;cursor:pointer;border-radius:6px;transition:all .2s ease;text-align:left;width:100%}.subcategory-option:hover{background:#f8f9fa;color:#282c3f}.subcategory-option.selected{background:#fc8019;color:#fff}.price-dropdown{min-width:280px}.price-options{padding:8px;display:flex;flex-direction:column;gap:4px}.price-option{padding:10px 12px;border:none;background:#fff;color:#686b78;font-size:14px;cursor:pointer;border-radius:6px;transition:all .2s ease;text-align:left;width:100%}.price-option:hover{background:#f8f9fa;color:#282c3f}.price-option.selected{background:#fc8019;color:#fff}.custom-price-inputs{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid #f0f0f0;background:#fafbfc}.price-input{flex:1;padding:8px 10px;border:1px solid #d4d5d9;border-radius:6px;font-size:14px;outline:none}.price-input:focus{border-color:#fc8019}.custom-price-inputs span{color:#686b78;font-size:13px;font-weight:500}.rating-dropdown{min-width:220px}.rating-options{padding:8px;display:flex;flex-direction:column;gap:4px}.rating-option{display:flex;align-items:center;gap:8px;padding:10px 12px;border:none;background:#fff;color:#686b78;font-size:14px;cursor:pointer;border-radius:6px;transition:all .2s ease;text-align:left;width:100%}.rating-option:hover{background:#f8f9fa;color:#282c3f}.rating-option.selected{background:#fc8019;color:#fff}.rating-stars{font-size:12px;line-height:1}.location-dropdown{min-width:200px}.distance-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.distance-btn{padding:8px 12px;border:1px solid #d4d5d9;border-radius:6px;background:#fff;color:#686b78;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.distance-btn:hover{border-color:#fc8019;color:#fc8019}.distance-btn.active{background:#fc8019;border-color:#fc8019;color:#fff}.location-error{padding:12px 16px;color:#e74c3c;font-size:13px;background:#fdf2f2;border-top:1px solid #f0f0f0}.active-filters-summary{padding:12px 20px;background:#f0f8ff;border-top:1px solid #e9ecef;color:#06c;font-size:13px;font-weight:500}@media (max-width: 768px){.swiggy-filters-container{margin:0 -16px;border-radius:0;border-left:none;border-right:none}.swiggy-filters-header{padding:12px 16px}.filters-title h3{font-size:15px}.swiggy-filter-chips{padding:12px 16px;gap:6px}.filter-chip{padding:6px 10px;font-size:13px;min-height:32px}.chip-dropdown{left:-8px;right:-8px;width:auto;min-width:auto}.category-grid{max-height:200px;overflow-y:auto}.active-filters-summary{padding:10px 16px;font-size:12px}}@media (max-width: 1024px) and (min-width: 769px){.swiggy-filter-chips{flex-wrap:wrap}.filter-chip{margin-bottom:8px}}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.chip-dropdown{animation:dropdownSlide .2s ease-out}.chip-dropdown::-webkit-scrollbar{width:6px}.chip-dropdown::-webkit-scrollbar-track{background:#f1f1f1}.chip-dropdown::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chip-dropdown::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dialog-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-modal-container{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #00000026;animation:dialog-slide-up .3s ease-out}@keyframes dialog-slide-up{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f8fafc}.dialog-header-left{display:flex;align-items:center;gap:.75rem}.dialog-modal-title{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.5rem}.dialog-active-filters-badge{background:#3b82f6;color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:9999px;font-weight:600;min-width:1.5rem;text-align:center}.dialog-modal-close-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.dialog-modal-close-btn:hover{background:#f3f4f6;color:#374151}.dialog-modal-content{padding:1.5rem;max-height:calc(90vh - 200px);overflow-y:auto}.dialog-filter-section{margin-bottom:1.5rem;border:1px solid #e5e7eb;border-radius:8px}.dialog-filter-section:last-child{margin-bottom:0}.dialog-filter-section-header{width:100%;padding:1rem 1.25rem;background:#f9fafb;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:500;color:#374151;transition:background-color .2s ease;border-radius:7px 7px 0 0}.dialog-filter-section-header:hover{background:#f3f4f6}.dialog-filter-section-header span:first-child{display:flex;align-items:center;gap:.5rem;font-weight:500}.dialog-expand-icon{transition:transform .3s ease;color:#6b7280}.dialog-expand-icon.expanded{transform:rotate(180deg)}.dialog-filter-section-content{padding:1.25rem;animation:dialog-slide-down .2s ease}@keyframes dialog-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dialog-filter-options{display:flex;flex-direction:column;gap:.75rem}.dialog-filter-option{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s ease}.dialog-filter-option:hover{background:#f9fafb}.dialog-filter-option input[type=radio]{margin:0}.dialog-count{margin-left:auto;color:#6b7280;font-size:.875rem}.dialog-location-filter{display:flex;flex-direction:column;gap:1rem}.dialog-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.dialog-location-status,.dialog-location-error,.dialog-location-detected{padding:.75rem;border-radius:6px;font-size:.875rem}.dialog-location-status{background:#fef3c7;color:#92400e}.dialog-location-error{background:#fef2f2;color:#dc2626}.dialog-location-detected{background:#ecfdf5;color:#059669}.dialog-distance-selector{display:flex;flex-direction:column;gap:.5rem}.dialog-distance-options{display:flex;gap:.5rem;flex-wrap:wrap}.dialog-distance-btn{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.875rem}.dialog-distance-btn:hover{border-color:#3b82f6}.dialog-distance-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.dialog-detect-location-btn{padding:.75rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.dialog-detect-location-btn:hover{background:#2563eb}.dialog-price-inputs{display:flex;align-items:center;gap:.75rem}.dialog-price-input{flex:1;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.dialog-price-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dialog-modal-footer{padding:1.5rem;border-top:1px solid #e5e7eb;display:flex;gap:1rem;background:#f8fafc}.dialog-btn{flex:1;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.dialog-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.dialog-btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.dialog-btn-primary{background:#3b82f6;border:1px solid #3b82f6;color:#fff}.dialog-btn-primary:hover{background:#2563eb;border-color:#2563eb}@media (max-width: 640px){.dialog-modal-overlay{padding:0}.dialog-modal-container{border-radius:0;max-width:100%;height:100vh;max-height:100vh}.dialog-modal-content{max-height:calc(100vh - 200px)}.dialog-distance-options{grid-template-columns:repeat(2,1fr)}}input[type=text].search-input{color:#000!important;background-color:#fff!important;font-weight:700!important;font-size:16px!important;opacity:1!important;-webkit-text-fill-color:#000000!important;-webkit-opacity:1!important;text-rendering:optimizeLegibility!important}input[type=text].search-input:focus{color:#000!important;background-color:#fff!important}input[type=text].search-input::placeholder{color:#666!important;opacity:1!important}.search-input-wrapper{background-color:#fff!important;background:#fff!important}.search-section *{filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;opacity:1!important}.products-page{min-height:100vh;background:#f8fafc;display:flex;justify-content:center}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.page-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1.5rem 0;margin-bottom:1.5rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem}.breadcrumb-link{color:#3b82f6;text-decoration:none;transition:color .2s}.breadcrumb-link:hover{color:#1d4ed8}.breadcrumb-separator{color:#9ca3af}.breadcrumb-current{color:#6b7280;font-weight:500}.page-title{font-size:2rem;font-weight:700;color:#111827;margin-bottom:.5rem;line-height:1.2}.page-subtitle{font-size:1rem;color:#6b7280;margin:0}.search-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;position:relative;overflow:hidden}.search-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.search-container{display:flex;gap:1rem;align-items:flex-start;position:relative;z-index:1}.search-bar{flex:1;position:relative}.search-input-wrapper{position:relative;display:flex;align-items:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:.875rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #0000001a;min-height:3.5rem}.search-input-wrapper:hover{background:#fff;border-color:#fff6;box-shadow:0 12px 35px #00000026;transform:translateY(-1px)}.search-input-wrapper:focus-within{background:#fff;border-color:#fff9;box-shadow:0 0 0 4px #ffffff40,0 16px 40px #0003;transform:translateY(-2px)}.search-icon{position:absolute;left:1.25rem;width:1.25rem;height:1.25rem;color:#6b7280;pointer-events:none;transition:color .3s ease;z-index:2}.search-input{width:100%;padding:1rem 4rem 1rem 3.5rem;border:none;outline:none;font-size:1rem;color:#111827!important;background:transparent;font-weight:600;transition:all .3s ease;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;text-shadow:none;-webkit-text-fill-color:#111827!important}.search-input::placeholder{color:#6b7280!important;font-weight:500;opacity:1}.search-input:focus{color:#000!important;font-weight:700}.search-input:focus::placeholder{color:#9ca3af;opacity:.7}@media (max-width: 768px){.search-input{font-size:.875rem;padding:.875rem 3.5rem .875rem 3rem;color:#000!important;font-weight:700;-webkit-text-fill-color:#000000!important}.search-input::placeholder{color:#4b5563!important;font-weight:600}}@media (max-width: 480px){.search-input{font-size:.8125rem;padding:.75rem 3rem .75rem 2.75rem;color:#000!important;font-weight:700;-webkit-text-fill-color:#000000!important}.search-input::placeholder{color:#374151!important;font-weight:600}}.search-input:focus{color:#111827}.search-input:focus::placeholder{color:#d1d5db}.clear-search{position:absolute;right:4rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease;font-size:1.125rem;z-index:2;-webkit-tap-highlight-color:transparent}.clear-search:hover,.clear-search:focus{color:#ef4444;background:#ef44441a;transform:translateY(-50%) scale(1.1)}.search-submit-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:#3b82f6;border:none;color:#fff;cursor:pointer;padding:.75rem;border-radius:.625rem;transition:all .2s ease;font-size:1rem;min-width:2.75rem;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.search-submit-btn:hover,.search-submit-btn:focus{background:#2563eb;transform:translateY(-50%) translateY(-1px);box-shadow:0 4px 12px #3b82f666}.filter-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:.875rem;font-size:.875rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative;min-height:3.5rem;-webkit-tap-highlight-color:transparent}.filter-toggle-btn:hover{background:#ffffff4d;border-color:#fff6;transform:translateY(-1px);box-shadow:0 8px 20px #00000026}.filter-toggle-btn.active{background:#fff;color:#667eea;border-color:#fff;box-shadow:0 8px 25px #0003}.filter-icon{width:1.125rem;height:1.125rem}.filter-badge{background:#ef4444;color:#fff;font-size:.625rem;padding:.25rem .5rem;border-radius:1rem;margin-left:.25rem;min-width:1.25rem;text-align:center;font-weight:700;animation:pulse 2s infinite}.filter-toggle-btn.active .filter-badge{background:#667eea;color:#fff;animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@media (max-width: 1024px){.search-section{padding:1.25rem;border-radius:.875rem}.search-input-wrapper{min-height:3.25rem}.search-input{font-size:.9375rem;padding:.875rem 4rem .875rem 3.25rem}}@media (max-width: 768px){.search-section{padding:1rem;border-radius:.75rem;margin-bottom:1.5rem}.search-container{flex-direction:column;gap:1rem;align-items:stretch}.search-input-wrapper{min-height:3rem;border-radius:.75rem}.search-icon{left:1rem;width:1.125rem;height:1.125rem}.search-input{font-size:.875rem;padding:.875rem 3.5rem .875rem 3rem;color:#1f2937}.search-input:focus{color:#111827}.clear-search{right:3.25rem;padding:.375rem;font-size:1rem}.search-submit-btn{right:.375rem;padding:.625rem;min-width:2.5rem;border-radius:.5rem}.filter-toggle-btn{justify-content:center;width:100%;min-height:3rem;padding:.875rem 1rem}}@media (max-width: 480px){.search-section{padding:.875rem;margin-bottom:1rem}.search-input-wrapper{min-height:2.75rem;border-radius:.625rem}.search-icon{left:.875rem;width:1rem;height:1rem}.search-input{font-size:.8125rem;padding:.75rem 3rem .75rem 2.75rem;color:#1f2937}.search-input::placeholder{font-size:.8125rem}.clear-search{right:2.75rem;padding:.25rem;font-size:.875rem}.search-submit-btn{right:.25rem;padding:.5rem;min-width:2.25rem;border-radius:.375rem}.filter-toggle-btn{min-height:2.75rem;padding:.75rem;font-size:.8125rem}.filter-icon{width:1rem;height:1rem}}@media (max-width: 360px){.search-section{padding:.75rem}.search-input{font-size:.75rem;padding:.625rem 2.75rem .625rem 2.5rem;color:#1f2937}.search-input::placeholder{font-size:.75rem}.clear-search{right:2.5rem}.search-submit-btn{min-width:2rem;padding:.375rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.search-input-wrapper,.filter-toggle-btn{border-width:1px}}@media (max-width: 768px) and (orientation: landscape){.search-section{padding:.875rem}.search-container{flex-direction:row;align-items:center}.search-input-wrapper{min-height:2.75rem}.filter-toggle-btn{width:auto;min-height:2.75rem;padding:.625rem 1rem}}@media (hover: none) and (pointer: coarse){.search-input-wrapper:hover,.search-submit-btn:hover,.clear-search:hover,.filter-toggle-btn:hover{transform:none}.search-input-wrapper:active{transform:scale(.98)}.search-submit-btn:active,.clear-search:active,.filter-toggle-btn:active{transform:scale(.95)}}@media (prefers-reduced-motion: reduce){.search-input-wrapper,.search-submit-btn,.clear-search,.filter-toggle-btn{transition:none!important;animation:none!important}}.search-input:focus,.search-submit-btn:focus,.clear-search:focus,.filter-toggle-btn:focus{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.filter-toggle-btn:hover{border-color:#3b82f6;background:#f8fafc}.filter-toggle-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.filter-icon{width:1rem;height:1rem}.filter-badge{background:#ef4444;color:#fff;font-size:.75rem;padding:.125rem .375rem;border-radius:.75rem;margin-left:.25rem;min-width:1.25rem;text-align:center;font-weight:600}.filter-toggle-btn.active .filter-badge{background:#ffffff4d}.filter-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;justify-content:flex-end;animation:fadeIn .2s ease-out}.mobile-filters{background:#fff;width:90%;max-width:400px;height:100%;overflow-y:auto;display:flex;flex-direction:column;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-filters-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}.mobile-filters-header h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.mobile-filters-actions{display:flex;gap:1rem;align-items:center}.clear-all-btn{background:none;border:none;color:#3b82f6;font-size:.875rem;cursor:pointer;padding:.25rem;font-weight:500}.close-filters-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem;color:#6b7280;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem}.close-filters-btn:hover{background:#f3f4f6;color:#374151}.mobile-filters-content{flex:1;padding:0 1.5rem 1.5rem}.products-content{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start}.products-sidebar{background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;padding:1.5rem;position:sticky;top:1rem;height:fit-content;box-shadow:0 1px 3px #0000001a}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.sidebar-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.clear-filters-btn{background:none;border:none;color:#3b82f6;font-size:.875rem;cursor:pointer;padding:.25rem;font-weight:500;border-radius:.25rem;transition:all .2s}.clear-filters-btn:hover{color:#1d4ed8;background:#f0f9ff}.products-main{min-height:60vh}.results-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:1rem 1.5rem;border-radius:.75rem;border:1px solid #e5e7eb;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.results-info{flex:1}.results-text{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.results-count{font-size:1.125rem;font-weight:600;color:#111827}.results-label{color:#6b7280;font-size:.875rem}.search-term{font-weight:500;color:#3b82f6;font-size:.875rem}.results-controls{display:flex;align-items:center;gap:1rem}.view-toggle{display:flex;background:#f3f4f6;border-radius:.5rem;padding:.25rem}.view-btn{padding:.5rem;border:none;background:transparent;border-radius:.25rem;cursor:pointer;transition:all .2s;color:#6b7280}.view-btn svg{width:1rem;height:1rem}.view-btn.active{background:#fff;color:#3b82f6;box-shadow:0 1px 2px #0000000d}.sort-select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff;cursor:pointer;color:#374151;min-width:150px}.products-grid{display:grid;gap:1rem;row-gap:2rem;margin-bottom:2rem;width:100%}.products-grid.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.products-grid.list{grid-template-columns:1fr;gap:1rem}@media (max-width: 768px){.products-grid{gap:1rem}.products-grid.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:1fr}.products-grid.mobile{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}}@media (max-width: 768px){.products-grid.grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media (max-width: 480px){.products-grid.grid{grid-template-columns:repeat(2,1fr);gap:.5rem}}@media (max-width: 360px){.products-grid.grid{grid-template-columns:1fr;gap:.75rem}}.retry-btn:hover,.clear-btn:hover{background:#2563eb}.results-skeleton{background:#f3f4f6;height:1.5rem;width:12rem;border-radius:.25rem;animation:pulse 2s infinite}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;padding:1rem 0}.pagination-btn{padding:.75rem 1rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination-numbers{display:flex;gap:.25rem}.pagination-number{padding:.75rem;min-width:2.5rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;text-align:center}.pagination-number:hover{background:#f9fafb;border-color:#9ca3af}.pagination-number.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.pagination-dots{padding:.75rem .5rem;color:#6b7280;font-size:.875rem}@media (max-width: 768px){.products-main{margin-left:0;width:100%}.products-page-content{display:block}.pagination{margin:1.5rem auto 0;padding:.75rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;width:fit-content;max-width:calc(100% - 2rem)}}@media (max-width: 480px){.pagination{margin:1rem auto 0;padding:.5rem;gap:.25rem}.pagination-btn,.pagination-number{min-width:32px;height:32px;font-size:13px;padding:6px}}@media (max-width: 768px){.search-section{padding:1rem!important;margin-bottom:1.5rem!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:1rem!important}.search-container{display:flex!important;flex-direction:column!important;gap:1rem!important;align-items:stretch!important}.search-bar{flex:1!important;position:relative!important;width:100%!important}.search-input-wrapper{position:relative!important;display:flex!important;align-items:center!important;background:#fff!important;border:2px solid rgba(255,255,255,.3)!important;border-radius:.75rem!important;min-height:3rem!important;width:100%!important;padding:0!important;overflow:visible!important;box-shadow:0 4px 15px #0000001a!important}.search-icon-container{position:absolute!important;left:.75rem!important;top:50%!important;transform:translateY(-50%)!important;width:1.25rem!important;height:1.25rem!important;z-index:2!important;pointer-events:none!important}.search-icon{width:100%!important;height:100%!important;color:#6b7280!important;stroke-width:2!important}.search-input{flex:1!important;width:100%!important;height:100%!important;padding:.75rem 4rem .75rem 2.75rem!important;border:none!important;outline:none!important;background:transparent!important;font-size:16px!important;color:#111827!important;font-weight:500!important;line-height:1.5!important;-webkit-appearance:none!important;-webkit-tap-highlight-color:transparent!important;opacity:1!important;visibility:visible!important;display:block!important;box-sizing:border-box!important}.search-input::placeholder{color:#9ca3af!important;opacity:1!important;font-weight:400!important;font-size:16px!important}.search-input:focus{color:#111827!important;background:transparent!important;outline:none!important}.clear-search{position:absolute!important;right:3rem!important;top:50%!important;transform:translateY(-50%)!important;width:1.5rem!important;height:1.5rem!important;background:none!important;border:none!important;color:#6b7280!important;cursor:pointer!important;padding:0!important;z-index:3!important}.clear-search svg{width:100%!important;height:100%!important}.search-submit-btn{position:absolute!important;right:.5rem!important;top:50%!important;transform:translateY(-50%)!important;width:2rem!important;height:2rem!important;background:#3b82f6!important;border:none!important;border-radius:.5rem!important;color:#fff!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;z-index:3!important}.search-submit-btn svg{width:1rem!important;height:1rem!important}.search-submit-btn:hover{background:#2563eb!important}.search-input-wrapper:focus-within{background:#fff!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f640,0 8px 25px #00000026!important}}@media (max-width: 480px){.search-section{padding:.75rem!important}.search-input-wrapper{min-height:2.75rem!important;border-radius:.625rem!important}.search-input{padding:.625rem 3.5rem .625rem 2.25rem!important;font-size:16px!important}.search-icon-container{left:.625rem!important;width:1rem!important;height:1rem!important}.clear-search{right:2.5rem!important;width:1.25rem!important;height:1.25rem!important}.search-submit-btn{right:.375rem!important;width:1.75rem!important;height:1.75rem!important}.search-submit-btn svg{width:.875rem!important;height:.875rem!important}}@media (max-width: 360px){.search-section{padding:.5rem!important}.search-input-wrapper{min-height:2.5rem!important}.search-input{padding:.5rem 2.75rem .5rem 2rem!important;font-size:16px!important}.search-icon-container{left:.5rem!important;width:.875rem!important;height:.875rem!important}.clear-search{right:2.25rem!important;width:1.125rem!important;height:1.125rem!important}.search-submit-btn{right:.25rem!important;width:1.5rem!important;height:1.5rem!important}}@media (min-width: 1440px){.container{max-width:1320px;padding:0 2rem}.search-section{padding:3rem}.search-input-wrapper{min-height:5rem}.search-input{font-size:1.25rem;padding:1.5rem 5.5rem 1.5rem 4.5rem}.filter-toggle-btn{min-height:5rem;font-size:1.125rem}}@media (max-width: 1200px){.container{max-width:1140px;padding:0 1.5rem}.products-content{grid-template-columns:260px 1fr;gap:1.5rem}}@media (max-width: 1024px){.container{max-width:960px;padding:0 1rem}.products-content{grid-template-columns:1fr;gap:1rem}.products-sidebar{position:static;margin-bottom:1.5rem}.search-section{padding:2rem 1.75rem}.search-input-wrapper{min-height:4.25rem}.search-input{font-size:1.0625rem;padding:1.125rem 4.75rem 1.125rem 3.75rem}.filter-toggle-btn{min-height:4.25rem;padding:1.125rem 1.375rem;font-size:.9375rem}.products-grid.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.results-header{padding:1.25rem}}@media (max-width: 768px){.products-page-container{padding:0 .75rem}.products-page-content{display:block}.filters-sidebar{display:none}.filters-sidebar.mobile-open{display:block;position:fixed;inset:0;z-index:1000;background:#fff;overflow-y:auto}}@media (max-width: 480px){.container{padding:0 .5rem}.search-section{padding:.75rem;margin-bottom:1rem}.search-input-wrapper{min-height:2.75rem;border-radius:.625rem}.search-input{padding:.625rem 2.5rem .625rem 2.25rem!important;font-size:.9rem!important}.search-icon-container,.search-icon{left:.625rem;width:1rem;height:1rem}.filter-toggle-btn{min-height:2.75rem;padding:.625rem .875rem;font-size:.9rem;border-radius:.625rem}.filter-icon{width:1rem;height:1rem}}@media (max-width: 768px){.products-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:2rem;padding:0}.products-grid.list{grid-template-columns:1fr;gap:1rem}}@media (max-width: 768px) and (orientation: landscape){.page-header{padding:.75rem 0}.search-section{padding:1.25rem}.search-container{flex-direction:row;align-items:center}.search-input-wrapper{min-height:3rem}.filter-toggle-btn{width:auto;min-height:3rem;padding:.75rem 1rem}.mobile-filters{width:60%;max-width:400px}.products-grid.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.results-header{flex-direction:row;align-items:center}.results-controls{justify-content:flex-end}}@media (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2){.search-input-wrapper{border-width:1px}.search-input{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter-toggle-btn{border-width:1px}}@media (hover: none) and (pointer: coarse){.search-input-wrapper:hover,.search-submit-btn:hover,.clear-search:hover,.filter-toggle-btn:hover{transform:none}.search-input-wrapper:active{transform:scale(.98)}.search-submit-btn:active,.clear-search:active,.filter-toggle-btn:active{transform:scale(.95)}.search-submit-btn,.clear-search,.pagination-btn,.pagination-number{min-width:44px;min-height:44px}}@supports (-webkit-touch-callout: none){.search-input{font-size:16px!important}.search-input-wrapper{-webkit-appearance:none}}@media (prefers-reduced-motion: reduce){.search-input-wrapper,.search-submit-btn,.clear-search,.filter-toggle-btn,.mobile-filters{transition:none!important;animation:none!important}}@media (prefers-color-scheme: dark) and (max-width: 768px){.search-input{color:#fff!important}.search-input::placeholder{color:#9ca3af!important}.search-input-wrapper{background:#1f2937f2;border-color:#4b556380}.filter-toggle-btn{background:#1f29374d;border-color:#4b556366}}.active-filters-section{margin:16px 0;padding:12px 0;border-top:1px solid #e9ecef}.active-filters-section h4{margin:0 0 8px;font-size:14px;font-weight:600;color:#495057}.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.active-filter{display:inline-flex;align-items:center;background:#e3f2fd;border:1px solid #90caf9;border-radius:20px;padding:4px 8px 4px 12px;font-size:13px;color:#0d47a1;gap:6px}.filter-label{font-weight:500}.filter-value{font-weight:400}.remove-filter{background:none;border:none;color:#1976d2;font-size:16px;font-weight:700;cursor:pointer;padding:0;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-filter:hover{background:#1976d21a;color:#0d47a1}.location-info{display:inline-block;margin-left:8px;color:#059669;font-size:14px}.location-info svg{color:#059669}.sort-select option[value=distance]{color:#059669}.filters-sidebar{position:sticky;top:20px;height:fit-content;max-height:calc(100vh - 40px);overflow-y:auto}.location-info{display:inline-flex;align-items:center;gap:6px;margin-left:12px;color:#059669;font-size:14px;font-weight:500;padding:4px 8px;background:#ecfdf5;border-radius:6px;border:1px solid #a7f3d0}.products-page-container{max-width:1400px;min-width:370px;margin-top:90px}.products-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.page-title-section h1{font-size:28px;font-weight:700;color:#111827;margin-bottom:8px}.page-title-section p{color:#6b7280;font-size:15px;line-height:1.5;margin:0}.filters-sidebar{width:280px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:24px;height:fit-content;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f3f4f6}.filters-header h3{font-size:18px;font-weight:600;color:#111827;margin:0}.clear-filters-btn{background:#ef4444;color:#fff;border:none;position:relative;top:-2px;left:-16px;height:30px;width:130px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:background-color .2s}.clear-filters-btn:hover{background:#dc2626}.products-main{flex:1}@media (max-width: 768px){.pagination-top{margin:.25rem 0;padding:.25rem;text-align:center}.pagination-btn{display:none}.pagination-numbers{gap:.5rem}}.products-page-content{display:flex;gap:24px;align-items:flex-start}.no-products{text-align:center;padding:60px 20px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:16px;margin:40px 0;border:1px solid #e5e7eb}.no-products h3{font-size:22px;font-weight:600;color:#374151;margin-bottom:12px}.no-products p{color:#6b7280;margin-bottom:24px;line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto;font-size:15px}.reset-filters-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s;box-shadow:0 2px 4px #3b82f633}.reset-filters-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.page-controls{display:flex;align-items:center;gap:16px}.sort-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;cursor:pointer;min-width:160px}.sort-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media (max-width: 768px){.mobile-filters-toggle{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.filter-count{background:#ef4444;color:#fff;padding:2px 6px;border-radius:10px;font-size:11px;font-weight:600}.filters-sidebar.mobile-closed{display:none}.filters-sidebar.mobile-open{display:block;position:fixed;inset:0;z-index:1000;background:#fff;border-radius:0;max-height:100vh;overflow-y:auto}.close-filters-btn{display:block;background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280}.mobile-filters-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:999}}@media (min-width: 769px){.mobile-filters-toggle,.close-filters-btn,.mobile-filters-overlay{display:none}}@media (max-width: 480px){.products-page-container{margin-top:70px}.products-page-header{flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-bottom:0}.clear-filters-btn{position:relative;left:10px;top:-3px}.page-controls{justify-content:center;width:100%;gap:12px;align-items:center}.view-mode-toggle{height:100%;display:flex;justify-content:center;gap:8px}.view-mode-btn{font-size:1.1rem}.products-main{display:flex;flex-direction:column;justify-content:center;align-items:center}.sort-select{border:1px solid #d1d5db;padding:12px 16px;border-radius:8px;background:#fff;font-size:14px;min-width:unset;width:100%}.mobile-filters-toggle{width:100%;justify-content:center;padding:12px}.page-title-section h1{font-size:1.5rem;text-align:center}.page-title-section p{text-align:center;font-size:14px}}.cart-item{padding:1rem;border-bottom:1px solid var(--gray-200);background:#fff;transition:all .2s ease;position:relative}.cart-item:last-child{border-bottom:none}.cart-item:hover{background:var(--gray-50)}.cart-item.loading{opacity:.7;pointer-events:none}.cart-item.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:2px solid var(--gray-300);border-top:2px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite;z-index:10}.cart-item-content{display:flex;flex-direction:column;gap:1rem}.cart-item-top{display:flex;gap:1rem;align-items:flex-start}.cart-item-image{width:80px;height:80px;border-radius:8px;overflow:hidden;background:var(--gray-100);flex-shrink:0;border:1px solid var(--gray-200)}.cart-item-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.cart-item-image:hover img{transform:scale(1.05)}.cart-item-details{flex:1;min-width:0}.cart-item-info{display:flex;flex-direction:column;gap:.5rem}.cart-item-name{font-size:1rem;font-weight:600;color:var(--gray-900);text-decoration:none;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.cart-item-name:hover{color:var(--primary-600)}.cart-item-supplier{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--gray-600);flex-wrap:wrap}.supplier-link{color:var(--primary-600);text-decoration:none;font-weight:500;transition:color .2s ease}.supplier-link:hover{color:var(--primary-700)}.cart-item-specs{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.spec{font-size:.7rem;color:var(--gray-500);background:var(--gray-100);padding:.2rem .4rem;border-radius:4px;border:1px solid var(--gray-200)}.stock-status{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:20px;margin-top:.25rem}.stock-status.in-stock{background:var(--green-50);color:var(--green-700);border:1px solid var(--green-200)}.stock-status.out-of-stock{background:var(--red-50);color:var(--red-700);border:1px solid var(--red-200)}.cart-item-middle{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;padding:.75rem 0;border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100)}.cart-item-quantity{display:flex;flex-direction:column;gap:.5rem}.quantity-label{font-size:.75rem;color:var(--gray-600);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.quantity-controls{display:flex;align-items:center;gap:.25rem;background:#fff;border-radius:8px;padding:.25rem;border:2px solid var(--gray-200);box-shadow:0 2px 4px #0000000d}.quantity-btn{width:32px;height:32px;border:none;background:var(--gray-50);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;color:var(--gray-700);transition:all .2s ease;font-size:1rem;border:1px solid var(--gray-300)}.quantity-btn:hover:not(:disabled){background:var(--primary-50);color:var(--primary-600);border-color:var(--primary-300);transform:scale(1.05)}.quantity-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.quantity-input{width:45px;height:32px;text-align:center;border:1px solid var(--gray-300);background:#fff;border-radius:6px;font-size:.875rem;font-weight:600;color:var(--gray-900)}.quantity-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-100)}.cart-item-price{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;text-align:right}.price-per-unit{font-size:.75rem;color:var(--gray-600);font-weight:500}.price-total{font-size:1.25rem;font-weight:700;color:var(--primary-600)}.cart-item-actions{display:flex;justify-content:flex-end;align-items:center}.remove-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--red-200);background:var(--red-50);color:var(--red-600);border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.remove-btn:hover:not(:disabled){background:var(--red-100);border-color:var(--red-300);color:var(--red-700);transform:translateY(-1px);box-shadow:0 4px 8px #dc262626}.remove-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.remove-icon{font-size:1rem}.remove-text{font-weight:500}@media (min-width: 768px){.cart-item{padding:1.25rem}.cart-item-image{width:100px;height:100px}.cart-item-name{font-size:1.125rem}.cart-item-supplier{font-size:.875rem}.spec{font-size:.75rem}.stock-status{font-size:.8rem}.quantity-btn{width:36px;height:36px}.quantity-input{width:50px;height:36px}.price-total{font-size:1.375rem}.remove-btn{padding:.6rem 1.2rem}}@media (min-width: 1024px){.cart-item{padding:1.5rem;display:grid;grid-template-columns:120px 1fr auto auto auto;grid-template-areas:"image details quantity price actions";gap:1.5rem;align-items:center}.cart-item-content,.cart-item-top{display:contents}.cart-item-middle{display:contents;padding:0;border:none}.cart-item-image{grid-area:image;width:120px;height:120px}.cart-item-details{grid-area:details;align-self:start}.cart-item-quantity{grid-area:quantity;align-items:center;min-width:140px}.cart-item-price{grid-area:price;min-width:120px}.cart-item-actions{grid-area:actions;flex-direction:column}.remove-btn{width:44px;height:44px;padding:0;justify-content:center;border-radius:50%}.remove-text{display:none}.remove-icon{font-size:1.125rem}}@media (min-width: 1440px){.cart-item{padding:2rem;gap:2rem}.cart-item-image{width:140px;height:140px}.price-total{font-size:1.5rem}.cart-item-quantity{min-width:160px}}@media (prefers-reduced-motion: reduce){.cart-item-image img,.quantity-btn,.remove-btn{transition:none!important}.cart-item.loading:after{animation:none}}.quantity-btn:focus,.remove-btn:focus,.cart-item-name:focus,.quantity-input:focus{outline:2px solid var(--primary-500);outline-offset:2px}@media (prefers-contrast: high){.cart-item,.quantity-controls,.spec{border:2px solid var(--gray-800)}}.coupon-suggestions{margin:1rem 0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #00000014;border:1px solid #f0f0f5}.suggestions-header{padding:16px 20px;background:linear-gradient(135deg,#fc8019,#ff6b35);color:#fff;display:flex;align-items:center;justify-content:space-between;cursor:pointer;position:relative;overflow:hidden}.suggestions-header:before{content:"";position:absolute;top:-50%;right:-50%;width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);border-radius:50%}.suggestions-header h4{margin:0;font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px;letter-spacing:-.2px}.expand-toggle{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.expand-toggle:hover{background:#ffffff4d;transform:rotate(180deg) scale(1.1)}.suggestions-list{padding:8px 0;background:#fafafe;max-height:500px;overflow-y:auto}.suggestions-list::-webkit-scrollbar{width:4px}.suggestions-list::-webkit-scrollbar-track{background:transparent}.suggestions-list::-webkit-scrollbar-thumb{background:#fc8019;border-radius:2px}.suggestion-card{margin:8px 16px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 1px 6px #0000000f;border:1px solid #f0f0f5;display:grid;grid-template-columns:40px 1fr auto;grid-template-areas:"icon header button" "icon details button";gap:12px;align-items:start;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden;min-height:80px}.suggestion-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001f}.suggestion-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#e0e0e7}.suggestion-card.owned:before{background:linear-gradient(to bottom,#60b246,#60b246);background-image:repeating-linear-gradient(to bottom,#60b246 0,#60b246 8px,transparent 8px,transparent 16px)}.suggestion-card.eligible:before{background:linear-gradient(to bottom,#fc8019,#fc8019);background-image:repeating-linear-gradient(to bottom,#fc8019 0,#fc8019 8px,transparent 8px,transparent 16px)}.suggestion-card.almost:before{background:linear-gradient(to bottom,orange,orange);background-image:repeating-linear-gradient(to bottom,#ffa500 0,#ffa500 8px,transparent 8px,transparent 16px)}.coupon-icon{grid-area:icon;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.suggestion-card.owned .coupon-icon{background:linear-gradient(135deg,#60b246,#4a9435);color:#fff}.suggestion-card.eligible .coupon-icon{background:linear-gradient(135deg,#fc8019,#e6720d);color:#fff}.suggestion-card.almost .coupon-icon{background:linear-gradient(135deg,orange,#e6940d);color:#fff}.coupon-header{grid-area:header;display:flex;flex-direction:column;gap:6px;min-width:0}.coupon-type{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:12px;align-self:flex-start;white-space:nowrap;flex-shrink:0}.suggestion-card.owned .coupon-type{background:#e8f5e8;color:#2d5a2d}.suggestion-card.eligible .coupon-type{background:#fff4e6;color:#994a00}.suggestion-card.almost .coupon-type{background:#fff7e6;color:#b36b00}.coupon-code{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:800;color:#3d4152;letter-spacing:.8px;background:#f9f9fb;padding:6px 10px;border-radius:6px;border:1px dashed #c4c4cf;display:inline-block;white-space:nowrap}.coupon-details{grid-area:details;display:flex;flex-direction:column;gap:4px;min-width:0}.discount-text{font-size:13px;color:#686b78;font-weight:500;line-height:1.4;word-wrap:break-word;margin-bottom:2px}.min-order{font-size:11px;color:#93959f;font-weight:400;margin-bottom:4px}.potential-savings{font-size:14px;color:#60b246;font-weight:700;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.potential-savings:before{content:"🎉";font-size:12px;flex-shrink:0}.almost-eligible-info{font-size:12px;color:#fc8019;font-weight:600;background:#fff4e6;padding:8px 10px;border-radius:6px;display:flex;align-items:flex-start;gap:6px;border:1px solid #ffe0b3;line-height:1.3;word-wrap:break-word}.almost-eligible-info:before{content:"⚡";font-size:12px;flex-shrink:0;margin-top:1px}.apply-coupon-btn{grid-area:button;background:linear-gradient(135deg,#fc8019,#ff6b35);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:700;font-size:12px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 8px #fc80194d;position:relative;overflow:hidden;flex-shrink:0;justify-self:end;align-self:center;min-width:100px;justify-content:center;height:fit-content}.apply-coupon-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.apply-coupon-btn:hover:not(:disabled):before{left:100%}.apply-coupon-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #fc801966}.apply-coupon-btn:active{transform:translateY(0)}.apply-coupon-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:swiggySpinAnimation .8s linear infinite;flex-shrink:0}@keyframes swiggySpinAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.coupon-suggestions.loading{padding:40px 20px;text-align:center;color:#686b78;background:#fafafe}.loading-spinner{width:32px;height:32px;border:3px solid #f0f0f5;border-top:3px solid #fc8019;border-radius:50%;animation:swiggySpinAnimation 1s linear infinite;margin:0 auto 16px}@media (max-width: 768px){.coupon-suggestions{margin:12px 0;border-radius:12px}.suggestions-header{padding:14px 16px}.suggestions-header h4{font-size:15px}.expand-toggle{width:24px;height:24px;font-size:14px}.suggestion-card{margin:8px 12px;padding:16px;grid-template-columns:36px 1fr;grid-template-areas:"icon header" "icon details" "button button";gap:12px 10px}.coupon-icon{width:36px;height:36px;font-size:16px}.coupon-code{font-size:13px;padding:5px 8px}.discount-text{font-size:12px}.potential-savings{font-size:13px}.apply-coupon-btn{width:100%;justify-self:stretch;padding:12px 16px;font-size:12px;margin-top:8px}.almost-eligible-info{font-size:11px;padding:8px}}@media (max-width: 480px){.suggestions-header{padding:12px 14px}.suggestions-header h4{font-size:14px}.suggestion-card{margin:6px 10px;padding:14px;gap:10px 8px}.coupon-icon{width:32px;height:32px;font-size:14px}.coupon-code{font-size:12px;padding:4px 6px}.discount-text{font-size:11px}.potential-savings{font-size:12px}.apply-coupon-btn{padding:10px 12px;font-size:11px}}@keyframes swiggySuccessAnimation{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.suggestion-card.applied{animation:swiggySuccessAnimation .3s ease-out;background:#e8f5e8;border-color:#60b246}@keyframes swiggySlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.suggestions-list,.suggestion-card{animation:swiggySlideIn .3s ease-out}.suggestion-card:nth-child(1){animation-delay:.05s}.suggestion-card:nth-child(2){animation-delay:.1s}.suggestion-card:nth-child(3){animation-delay:.15s}.suggestion-card:nth-child(4){animation-delay:.2s}.auto-cart-distance-pricing{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb;margin:1rem 0;box-shadow:0 2px 8px #0000000a}.pricing-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.header-info{flex:1}.pricing-title{margin:0;font-size:1.1rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.5rem}.pricing-subtitle{margin:.25rem 0 0;font-size:.85rem;color:#6b7280}.total-cost-badge{background:linear-gradient(135deg,#059669,#10b981);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem;box-shadow:0 2px 8px #0596694d}.location-status{margin-bottom:1.5rem}.status-loading,.status-error,.status-success{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.9rem}.status-loading{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.status-error{background:#fee2e2;color:#dc2626;border:1px solid #ef4444;flex-wrap:wrap}.status-success{background:#d1fae5;color:#065f46;border:1px solid #10b981}.loading-spinner{animation:spin 1s linear infinite}.retry-btn{background:#dc2626;color:#fff;border:none;padding:.25rem .75rem;border-radius:4px;font-size:.8rem;cursor:pointer;margin-left:auto}.retry-btn:hover{background:#b91c1c}.get-location-btn{width:100%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.get-location-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.supplier-costs-breakdown{position:relative}.calculating-overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;border-radius:8px;z-index:10;font-weight:500;color:#374151;gap:.5rem}.breakdown-title{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#374151}.supplier-cards{display:flex;flex-direction:column;gap:1rem}.supplier-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;transition:all .3s ease}.supplier-card:hover{box-shadow:0 4px 12px #00000014;border-color:#cbd5e1}.supplier-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.supplier-info{flex:1}.supplier-name{margin:0;font-size:1rem;font-weight:600;color:#1f2937}.item-count{font-size:.8rem;color:#6b7280}.supplier-cost{flex-shrink:0}.cost-badge{background:#059669;color:#fff;padding:.375rem .75rem;border-radius:16px;font-weight:600;font-size:.85rem}.error-badge{background:#dc2626;color:#fff;padding:.375rem .75rem;border-radius:16px;font-weight:600;font-size:.85rem}.supplier-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.detail-label{color:#6b7280;font-weight:500}.detail-value{color:#374151;font-weight:600}.zone-badge{background:#dbeafe;color:#1e40af;padding:.125rem .5rem;border-radius:12px;font-size:.75rem}.supplier-error{padding:.5rem;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;margin-bottom:.75rem}.error-message{font-size:.8rem;color:#dc2626;font-weight:500}.supplier-items{border-top:1px solid #e2e8f0;padding-top:.75rem}.items-details{cursor:pointer}.items-summary{font-size:.8rem;color:#6b7280;font-weight:500;padding:.25rem 0;list-style:none}.items-summary::-webkit-details-marker{display:none}.items-summary:before{content:"👁️ ";margin-right:.25rem}.items-list{margin-top:.5rem;padding:.5rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.item-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.8rem;border-bottom:1px solid #f3f4f6}.item-row:last-child{border-bottom:none}.item-name{color:#374151;flex:1}.item-quantity{color:#6b7280;font-weight:600}.total-summary{margin-top:1.5rem;padding:1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:12px}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.summary-label{font-size:1rem;font-weight:600;color:#0c4a6e}.summary-value{font-size:1.1rem;font-weight:700;color:#059669}.summary-info{font-size:.8rem;color:#0369a1;text-align:center;font-weight:500}.empty-state{text-align:center;padding:2rem 1rem;color:#6b7280}.empty-icon{font-size:3rem;display:block;margin-bottom:.5rem}.empty-state p{margin:0;font-size:.9rem}.location-selection{background:#f8f9fa;padding:20px;border-radius:12px;margin:20px 0;border:1px solid #e9ecef}.location-method-selector{display:flex;gap:20px;margin-bottom:15px}.location-method-selector label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border:2px solid #e9ecef;border-radius:8px;background:#fff;transition:all .3s ease;font-weight:500}.location-method-selector label:hover{border-color:#007bff;background:#f8f9ff}.location-method-selector input[type=radio]:checked+label,.location-method-selector label:has(input[type=radio]:checked){border-color:#007bff;background:#e7f3ff;color:#007bff}.location-method-selector input[type=radio]{margin:0;width:16px;height:16px}.saved-address-selector{margin-top:15px}.saved-address-selector select{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;background:#fff;transition:border-color .3s ease}.saved-address-selector select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.saved-address-selector select:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.no-addresses{color:#6c757d;font-style:italic;margin-top:10px;padding:10px;background:#fff3cd;border-radius:6px;border:1px solid #ffeaa7}.no-addresses a{color:#007bff;text-decoration:none;font-weight:500}.no-addresses a:hover{text-decoration:underline}.action-buttons{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}.calculate-btn,.reset-btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:14px}.calculate-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;box-shadow:0 2px 8px #007bff4d}.calculate-btn:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 4px 12px #007bff66}.calculate-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.reset-btn{background:#f8f9fa;color:#495057;border:2px solid #e9ecef}.reset-btn:hover{background:#e9ecef;border-color:#dee2e6}.location-info{background:#e7f3ff;padding:16px;border-radius:10px;margin:15px 0;border:1px solid #b8daff}.location-info h4{margin:0 0 12px;color:#0056b3;font-size:16px;font-weight:600}.address-details,.current-location{background:#fff;padding:12px;border-radius:8px;border:1px solid #d1ecf1}.address-details p,.current-location p{margin:4px 0;color:#495057}.address-details p:first-of-type,.current-location p:first-of-type{font-weight:600;color:#007bff}.coordinates{font-size:12px;color:#6c757d;font-family:monospace;background:#f8f9fa;padding:4px 8px;border-radius:4px;margin-top:8px!important}.supplier-items{margin-top:12px;padding-top:12px;border-top:1px solid #e9ecef}.items-label{font-size:13px;font-weight:600;color:#495057;margin:0 0 8px}.items-list{margin:0;padding:0;list-style:none}.items-list li{font-size:13px;color:#6c757d;padding:4px 0 4px 16px;position:relative}.items-list li:before{content:"•";position:absolute;left:0;color:#007bff;font-weight:700}@media (max-width: 768px){.auto-cart-distance-pricing{padding:1rem;margin:.75rem 0}.pricing-header{flex-direction:column;align-items:stretch;gap:1rem}.total-cost-badge{align-self:center}.supplier-header{flex-direction:column;align-items:stretch;gap:.5rem}.supplier-cost{align-self:flex-start}.detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.summary-row{flex-direction:column;align-items:stretch;gap:.5rem;text-align:center}.location-method-selector{flex-direction:column;gap:10px}.location-method-selector label{justify-content:center}.action-buttons{flex-direction:column}.calculate-btn,.reset-btn{width:100%;justify-content:center}.cost-grid{grid-template-columns:1fr;gap:8px}}@media (max-width: 480px){.pricing-title{font-size:1rem}.supplier-cards{gap:.75rem}.supplier-card{padding:.75rem}}.supplier-card{animation:fadeInUp .3s ease-out}.success-icon{color:#10b981}.error-icon{color:#dc2626}.warning-badge{background:#f59e0b;color:#fff;padding:.375rem .75rem;border-radius:16px;font-weight:600;font-size:.85rem}.no-costs-message{margin-top:1rem;padding:1rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;display:flex;align-items:flex-start;gap:.5rem}.info-icon{color:#d97706;font-size:1.1rem}.no-costs-message p{margin:0;color:#92400e;font-size:.9rem;line-height:1.4}.supplier-error .error-message{font-size:.85rem;line-height:1.4}.cart-summary{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;border:1px solid var(--gray-200)}.summary-header{padding:1rem;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.summary-header h3{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin:0}.summary-content{padding:1rem}.summary-section{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.summary-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem;color:var(--gray-700);gap:1rem}.summary-row:last-child{margin-bottom:0}.summary-row .label{flex:1}.summary-row .value{font-weight:500;flex-shrink:0}.summary-row.discount{color:var(--green-600)}.summary-row.discount .value{font-weight:600}.summary-row.total{font-size:1rem;font-weight:700;color:var(--gray-900);padding-top:1rem;border-top:2px solid var(--gray-200);margin-bottom:0}.promo-code{margin-bottom:1rem}.promo-code label{display:block;font-size:.875rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.promo-input-group{display:flex;flex-direction:column;gap:.5rem}.promo-input{padding:.75rem;border:1px solid var(--gray-300);border-radius:8px;font-size:.875rem;text-transform:uppercase;transition:border-color .2s ease,box-shadow .2s ease}.promo-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.promo-input::placeholder{text-transform:none;color:var(--gray-500)}.promo-btn{padding:.75rem 1rem;background:var(--primary-600);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.promo-btn:hover:not(:disabled){background:var(--primary-700);transform:translateY(-1px)}.promo-btn:disabled{background:var(--gray-400);cursor:not-allowed;transform:none}.promo-applied{display:flex;align-items:center;justify-content:space-between;background:var(--green-50);border:1px solid var(--green-200);border-radius:8px;padding:.75rem;gap:.5rem}.promo-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.promo-code-text{font-size:.875rem;font-weight:600;color:var(--green-700);text-transform:uppercase}.promo-discount{font-size:.75rem;color:var(--green-600);font-weight:500}.remove-promo{background:none;border:none;color:var(--green-600);cursor:pointer;font-size:1.125rem;padding:.25rem;border-radius:4px;transition:background-color .2s ease;flex-shrink:0}.remove-promo:hover{background:var(--green-100)}.free-delivery{color:var(--green-600);font-weight:600;font-size:.75rem}.savings-info{background:var(--green-50);color:var(--green-700);padding:.75rem;border-radius:8px;font-size:.875rem;text-align:center;margin-bottom:1rem;border:1px solid var(--green-200);font-weight:500}.delivery-info{background:var(--orange-50);color:var(--orange-700);padding:.75rem;border-radius:8px;font-size:.875rem;text-align:center;margin-bottom:1rem;border:1px solid var(--orange-200);font-weight:500}.checkout-section{margin-top:1rem;text-align:center}.checkout-btn{width:100%;padding:1rem;background:var(--primary-600);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.checkout-btn:hover:not(:disabled){background:var(--primary-700);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.checkout-btn:disabled{background:var(--gray-400);cursor:not-allowed;transform:none}.secure-checkout{font-size:.75rem;color:var(--gray-600);display:flex;align-items:center;justify-content:center;gap:.25rem}.secure-checkout:before{content:"🔒";font-size:.8rem}.payment-methods{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gray-200)}.payment-methods h4{font-size:.875rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.payment-icons{display:flex;justify-content:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.payment-icon{width:32px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.7;transition:opacity .2s ease}.payment-icon:hover{opacity:1}.payment-methods p{font-size:.75rem;color:var(--gray-600);margin:0;line-height:1.4}.total-section{background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);margin:0 -1rem;padding:1rem;border-top:2px solid var(--primary-200);border-bottom:2px solid var(--primary-200);position:relative}.total-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--primary-300) 50%,transparent 100%)}.cart-summary.loading{opacity:.7;pointer-events:none}.checkout-btn.loading{position:relative;color:transparent}.checkout-btn.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (min-width: 768px){.summary-content{padding:1.5rem}.summary-header{padding:1.25rem 1.5rem}.summary-header h3{font-size:1.25rem}.promo-input-group{flex-direction:row}.promo-input{flex:1}.promo-applied{flex-direction:row;align-items:center}.promo-info{flex-direction:row;align-items:center;gap:1rem}.summary-row.total{font-size:1.125rem}.checkout-btn{font-size:1.125rem;padding:1.125rem}.total-section{margin:0 -1.5rem;padding:1.5rem}}@media (min-width: 1024px){.summary-content{padding:2rem}.summary-header{padding:1.5rem 2rem}.payment-icons{gap:.75rem}.payment-icon{width:36px;height:24px}.total-section{margin:0 -2rem;padding:1.5rem 2rem}}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.promo-applied{animation:slideIn .3s ease-out}@media (prefers-reduced-motion: reduce){.checkout-btn,.promo-btn,.remove-promo{transition:none!important}.checkout-btn.loading:after{animation:none}.promo-applied{animation:none}}.promo-input:focus,.promo-btn:focus,.checkout-btn:focus,.remove-promo:focus{outline:2px solid var(--primary-500);outline-offset:2px}@media (prefers-contrast: high){.cart-summary{border:2px solid var(--gray-800)}.promo-applied{border:2px solid var(--green-800)}.total-section{border-top:3px solid var(--primary-800);border-bottom:3px solid var(--primary-800)}}.promo-applied{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#e8f5e8;border:1px solid #4caf50;border-radius:4px;margin-top:8px}.promo-info{display:flex;justify-content:space-between;align-items:center;flex:1}.promo-code-text,.promo-discount{font-weight:600;color:#2e7d32}.remove-promo{background:none;border:none;color:#d32f2f;cursor:pointer;font-size:16px;margin-left:8px}.remove-promo:hover{color:#b71c1c}.discount{color:#2e7d32;font-weight:600}.savings-info{background-color:#e8f5e8;color:#2e7d32;padding:8px 12px;border-radius:4px;text-align:center;font-weight:600;margin:8px 0}.delivery-options{margin:15px 0}.delivery-options h4{font-size:16px;font-weight:600;color:#374151;margin-bottom:12px}.option-toggle{margin:8px 0}.checkbox-label{display:flex;align-items:center;font-size:14px;color:#4b5563;cursor:pointer}.checkbox-label input[type=checkbox]{margin-right:8px;width:16px;height:16px}.location-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:5px}.distance-calculator-wrapper,.optimal-suppliers-wrapper{border:1px solid #e5e7eb;border-radius:8px;padding:12px;background:#fafafa}.selected-suppliers h5{margin:0 0 8px;font-size:14px;font-weight:600}.supplier-summary{padding:2px 0}.distance-info{font-style:italic}@media (max-width: 768px){.distance-calculator-wrapper,.optimal-suppliers-wrapper{padding:8px}.delivery-options h4{font-size:14px}.checkbox-label{font-size:13px}}.delivery-options{margin:20px 0;padding:20px;background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border-radius:12px;border:1px solid #e1e8ff}.delivery-title{font-size:18px;font-weight:700;color:#1e40af;margin-bottom:16px;display:flex;align-items:center;gap:8px}.location-btn{width:100%;padding:12px 16px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:16px;box-shadow:0 2px 4px #3b82f64d}.location-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f666}.location-btn:active{transform:translateY(0)}.option-toggle{margin:12px 0;padding:12px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s ease}.option-toggle:hover{border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.checkbox-label{display:flex;align-items:center;font-size:14px;color:#374151;cursor:pointer;font-weight:500}.checkbox-label input[type=checkbox]{margin-right:10px;width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.distance-calculator-wrapper{margin-top:16px;padding:16px;background:#fff;border-radius:10px;border:2px solid #e1e8ff;box-shadow:0 2px 8px #0000000d}.distance-calculator-container{display:flex;flex-direction:column;gap:12px}.supplier-info{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f1f5f9;border-radius:6px;border-left:4px solid #3b82f6}.supplier-label{font-size:13px;font-weight:600;color:#64748b}.supplier-name{font-size:14px;font-weight:600;color:#1e293b}.info-message{padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.4;font-weight:500}.info-message.empty-cart{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.info-message.error{background:#fef2f2;color:#b91c1c;border:1px solid #fca5a5}.info-message.warning{background:#fffbeb;color:#d97706;border:1px solid #fed7aa}.optimal-suppliers-wrapper{margin-top:16px;padding:16px;background:#fff;border-radius:10px;border:2px solid #e1e8ff;box-shadow:0 2px 8px #0000000d}.selected-suppliers-summary{margin-top:16px;padding:16px;background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-radius:10px;border:1px solid #bbf7d0}.summary-title{font-size:16px;font-weight:700;color:#065f46;margin-bottom:12px;display:flex;align-items:center;gap:6px}.supplier-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fff;border-radius:6px;margin-bottom:8px;border:1px solid #d1fae5}.supplier-details{display:flex;justify-content:space-between;align-items:center;width:100%}.supplier-item .supplier-name{font-weight:600;color:#065f46}.supplier-stats{display:flex;gap:12px;font-size:13px}.distance{color:#059669;font-weight:600}.cost{color:#dc2626;font-weight:700}.savings-highlight{margin-top:12px;padding:10px 12px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:6px;border:1px solid #fcd34d;font-size:14px;font-weight:600;color:#92400e;text-align:center}@media (max-width: 768px){.delivery-options{padding:16px;margin:16px 0}.delivery-title{font-size:16px}.location-btn{padding:10px 14px;font-size:13px}.checkbox-label{font-size:13px}.distance-calculator-wrapper,.optimal-suppliers-wrapper,.selected-suppliers-summary{padding:12px}.supplier-details{flex-direction:column;align-items:flex-start;gap:4px}.supplier-stats{align-self:flex-end}}@media (max-width: 480px){.delivery-options{padding:12px}.supplier-item{padding:8px 10px}.info-message{padding:10px 12px;font-size:13px}}.distance-calculator-wrapper,.optimal-suppliers-wrapper,.selected-suppliers-summary{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.supplier-item{transition:all .2s ease}.supplier-item:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.promotion-suggestions{margin:20px 0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.promotion-suggestions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0 4px}.promotion-suggestions-title{font-size:18px;font-weight:700;color:#282c3f;display:flex;align-items:center;gap:8px}.promotion-suggestions-title .fire-icon{font-size:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.promotion-suggestions-count{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #ff6b6b4d}.promotion-suggestions-container{display:flex;gap:12px;overflow-x:auto;padding:8px 4px 16px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.promotion-suggestions-container::-webkit-scrollbar{height:6px}.promotion-suggestions-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.promotion-suggestions-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:3px}.promotion-suggestion-card{min-width:280px;max-width:320px;background:#fff;border:2px solid transparent;border-radius:16px;padding:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000014;position:relative;overflow:hidden}.promotion-suggestion-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#ff6b6b,#ff8e53,#8b5cf6);border-radius:16px 16px 0 0}.promotion-suggestion-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:#ff6b6b}.promotion-suggestion-card.eligible{background:linear-gradient(135deg,#fff5f5,#ffeaa7);border-color:#ff6b6b}.promotion-suggestion-card.eligible:before{background:linear-gradient(135deg,#ff6b6b,#fd79a8)}.promotion-suggestion-card.almost{background:linear-gradient(135deg,#f8f9ff,#e3f2fd);border-color:#8b5cf6}.promotion-suggestion-card.almost:before{background:linear-gradient(135deg,#8b5cf6,#3b82f6)}.promotion-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.promotion-badge{padding:4px 8px;border-radius:8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a}.promotion-badge.hot-deal{background:linear-gradient(135deg,#ff6b6b,#fd79a8);color:#fff}.promotion-badge.almost-there{background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff}.promotion-supplier{font-size:12px;color:#7c7c7c;font-weight:500;background:#fffc;padding:4px 8px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.promotion-title{font-size:16px;font-weight:700;color:#282c3f;margin-bottom:6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.promotion-description{font-size:13px;color:#535665;margin-bottom:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.promotion-savings{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.promotion-savings-amount{font-size:18px;font-weight:800;background:linear-gradient(135deg,#ff6b6b,#fd79a8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.promotion-discount-info{font-size:12px;color:#686b78;text-align:right}.promotion-message{font-size:13px;color:#535665;font-weight:500;background:#ffffffb3;padding:8px 10px;border-radius:8px;margin-bottom:12px;border-left:3px solid #ff6b6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.promotion-card.almost .promotion-message{border-left-color:#8b5cf6}.promotion-apply-button{width:100%;padding:10px 16px;background:linear-gradient(135deg,#ff6b6b,#fd79a8);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff6b6b4d;position:relative;overflow:hidden}.promotion-apply-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.promotion-apply-button:hover:before{left:100%}.promotion-apply-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.promotion-apply-button:active{transform:translateY(0)}.promotion-apply-button.almost{background:linear-gradient(135deg,#8b5cf6,#3b82f6);box-shadow:0 4px 12px #8b5cf64d}.promotion-apply-button.almost:hover{box-shadow:0 6px 20px #8b5cf666}.promotion-apply-button:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.no-promotion-suggestions{text-align:center;padding:40px 20px;color:#686b78;font-size:14px;background:linear-gradient(135deg,#f8f9ff,#fff5f5);border-radius:12px;border:2px dashed #ddd}.no-promotion-suggestions .empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.promotion-loading{display:flex;justify-content:center;align-items:center;padding:40px;color:#686b78}.loading-spinner{width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid #ff6b6b;border-radius:50%;animation:spin 1s linear infinite;margin-right:12px}.promotion-error{text-align:center;padding:20px;color:#e74c3c;background:#ffeaa7;border-radius:8px;border:1px solid #fab1a0}@media (max-width: 768px){.promotion-suggestion-card{min-width:260px;max-width:280px;padding:14px}.promotion-suggestions-title{font-size:16px}.promotion-title{font-size:14px}.promotion-savings-amount{font-size:16px}.promotion-apply-button{padding:8px 14px;font-size:13px}}@media (max-width: 480px){.promotion-suggestions-container{gap:8px;padding:4px 0 12px}.promotion-suggestion-card{min-width:240px;max-width:260px;padding:12px}.promotion-suggestions-title{font-size:15px}}.promotion-suggestion-card{animation:slideInUp .6s ease-out}.promotion-suggestion-card:nth-child(2){animation-delay:.1s}.promotion-suggestion-card:nth-child(3){animation-delay:.2s}.promotion-suggestion-card:nth-child(4){animation-delay:.3s}.cart-page{min-height:100vh;background:var(--gray-50);padding:1rem}.cart-header{background:#fff;border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:.75rem}.cart-header-left h1.cart-title{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0;line-height:1.2}.cart-subtitle{color:var(--gray-600);font-size:.875rem;margin:0}.cart-header-actions{display:flex;gap:.5rem}.cart-header-actions .btn{padding:.5rem 1rem;font-size:.875rem;border-radius:8px;font-weight:500}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;flex-wrap:wrap;padding:0 .25rem}.breadcrumb a{color:var(--primary-600);text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:var(--primary-700)}.breadcrumb-separator{color:var(--gray-400);font-size:.75rem}.breadcrumb-current{color:var(--gray-600);font-weight:500}.cart-content{display:flex;flex-direction:column;gap:1rem}.cart-items-section{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014}.cart-items-header{padding:1rem;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.cart-items-header h3{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin:0}.cart-items{display:flex;flex-direction:column}.cart-summary-section{order:-1}.continue-shopping{margin-top:1rem;text-align:center}.continue-shopping .btn{padding:.75rem 1.5rem;font-size:.875rem;border-radius:8px}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;min-height:50vh}.empty-cart-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.cart-empty h2{font-size:1.5rem;color:var(--gray-900);margin-bottom:.75rem;line-height:1.3}.cart-empty p{color:var(--gray-600);margin-bottom:1.5rem;max-width:300px;line-height:1.5}.cart-empty .btn{padding:.75rem 1.5rem;font-size:.875rem;border-radius:8px}.modal{background:#fff;border-radius:12px;padding:1.5rem;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 40px #00000026;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal h3{font-size:1.25rem;color:var(--gray-900);margin-bottom:.75rem;font-weight:600}.modal p{color:var(--gray-600);margin-bottom:1.5rem;line-height:1.5}.modal-actions{display:flex;flex-direction:column;gap:.75rem}.modal-actions .btn{padding:.75rem;font-size:.875rem;border-radius:8px;font-weight:500}@media (min-width: 768px){.cart-page{padding:1.5rem}.cart-header{flex-direction:row;align-items:center;justify-content:space-between;padding:1.5rem}.cart-header h1.cart-title{font-size:1.75rem}.cart-subtitle{font-size:1rem}.cart-content{gap:1.5rem}.cart-summary-section{order:1}.cart-items-header{padding:1.25rem 1.5rem}.modal-actions{flex-direction:row;justify-content:center}.empty-cart-icon{font-size:4rem}.cart-empty h2{font-size:1.75rem}.cart-empty{padding:3rem 2rem}}@media (min-width: 1024px){.cart-page{padding:2rem;max-width:1400px;margin:0 auto}.cart-header{padding:2rem;margin-bottom:2rem}.cart-header h1.cart-title{font-size:2rem}.cart-content{display:grid;grid-template-columns:1fr 400px;gap:2rem;align-items:start}.cart-summary-section{position:sticky;top:100px;order:1}.cart-items-header{padding:1.5rem 2rem}.cart-items-header h3{font-size:1.25rem}.continue-shopping{margin-top:2rem}.cart-empty{padding:4rem 2rem;min-height:60vh}}@media (min-width: 1440px){.cart-content{grid-template-columns:1fr 450px;gap:2.5rem}}.cart-page.loading{opacity:.7}.cart-page.loading *{pointer-events:none}@media (prefers-reduced-motion: reduce){.modal{animation:none}*{transition:none!important}}.btn:focus,button:focus{outline:2px solid var(--primary-500);outline-offset:2px}@media (prefers-contrast: high){.cart-header,.cart-items-section,.cart-empty{border:2px solid var(--gray-800)}}.checkout-page{min-height:100vh;background:#f8f9fa;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.container{max-width:800px;margin:0 auto;padding:0}.checkout-header{background:#fff;padding:16px 20px;border-bottom:1px solid #e9e9eb;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #282c3f14}.back-btn{background:none;border:none;color:#282c3f;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:background .2s ease}.back-btn:hover{background:#f0f3f7}.header-content h1{font-size:20px;font-weight:700;color:#282c3f;margin:0}.header-content p{font-size:14px;color:#93959f;margin:0}.checkout-content{padding:20px;display:flex;flex-direction:column;gap:20px}.checkout-section{background:#fff;border-radius:12px;border:1px solid #e9e9eb;overflow:hidden}.section-header{padding:20px;border-bottom:1px solid #f0f3f7;display:flex;align-items:center;gap:12px}.section-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff5f0;border-radius:50%}.section-info{flex:1}.section-info h3{font-size:18px;font-weight:700;color:#282c3f;margin:0 0 4px}.section-info p{font-size:14px;color:#93959f;margin:0}.edit-btn{background:none;border:none;color:#fc8019;font-weight:600;cursor:pointer;padding:8px 12px;border-radius:6px;transition:background .2s ease}.edit-btn:hover{background:#fff5f0}.address-form{padding:20px}.form-group{position:relative}.form-group input,.form-group textarea{width:100%;padding:14px 16px;border:1px solid #d4d5d9;border-radius:8px;font-size:16px;font-weight:400;color:#282c3f;background:#fff;transition:border-color .2s ease;box-sizing:border-box}.form-group input.error,.form-group textarea.error{border-color:#e23744}.form-group textarea{resize:vertical;min-height:80px}.error-msg{color:#e23744;font-size:12px;margin-top:4px;display:block}.address-type-selector p{font-weight:600;color:#282c3f;margin-bottom:12px}.address-type{flex:1;display:flex;align-items:center;justify-content:center;padding:12px;border:1px solid #d4d5d9;border-radius:8px;cursor:pointer;transition:all .2s ease}.address-type input[type=radio]{display:none}.address-type input[type=radio]:checked+span{color:#fc8019;font-weight:600}.address-type:has(input[type=radio]:checked){border-color:#fc8019;background:#fff5f0}.continue-btn{width:100%;background:#fc8019;color:#fff;border:none;padding:16px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease;margin-top:20px}.continue-btn:hover{background:#e67300}.selected-address{padding:20px}.address-card{background:#f8f9fa;border:1px solid #e9e9eb;border-radius:8px;padding:16px;position:relative}.address-type-badge{position:absolute;top:-8px;left:16px;background:#fc8019;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.address-card h4{font-size:16px;font-weight:600;color:#282c3f;margin:8px 0}.address-card p{font-size:14px;color:#686b78;margin:4px 0}.address-card .phone{color:#fc8019;font-weight:500}.payment-methods{padding:20px;display:flex;flex-direction:column;gap:12px}.payment-option{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #e9e9eb;border-radius:8px;cursor:pointer;transition:all .2s ease}.payment-option:hover{border-color:#fc8019;background:#fff5f0}.payment-icon{font-size:28px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:50%}.payment-info{flex:1}.payment-info h4{font-size:16px;font-weight:600;color:#282c3f;margin:0 0 4px}.payment-info p{font-size:14px;color:#93959f;margin:0}.payment-radio{color:#fc8019}.selected-payment{padding:20px}.payment-card{background:#fff5f0;border:1px solid #fc8019;border-radius:8px;padding:16px;display:flex;align-items:center;gap:16px}.payment-card .payment-icon{background:#fff}.payment-details h4{font-size:16px;font-weight:600;color:#282c3f;margin:0 0 4px}.payment-details p{font-size:14px;color:#686b78;margin:0}.order-items{padding:20px;border-bottom:1px solid #f0f3f7}.order-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f3f7}.item-image{width:60px;height:60px;border-radius:8px;overflow:hidden;background:#f8f9fa}.item-details{flex:1}.item-details h4{font-size:14px;font-weight:600;color:#282c3f;margin:0 0 4px}.item-details p{font-size:12px;color:#93959f;margin:0 0 4px}.item-quantity{font-size:12px;color:#fc8019;font-weight:600}.item-price{font-size:16px;font-weight:700;color:#282c3f}.bill-details{padding:20px;border-bottom:1px solid #f0f3f7}.bill-details h4{font-size:16px;font-weight:700;color:#282c3f;margin:0 0 16px}.bill-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.bill-row span:first-child{color:#686b78}.bill-row span:last-child{color:#282c3f;font-weight:500}.bill-row.total{border-top:1px solid #f0f3f7;margin-top:8px;padding-top:16px;font-size:16px;font-weight:700}.bill-row.total span{color:#282c3f}.delivery-info{padding:20px}.delivery-time{display:flex;align-items:center;gap:8px;color:#60b246;font-weight:600;font-size:14px}.place-order-section{padding:20px;background:#fff;border-top:1px solid #e9e9eb;position:sticky;bottom:0}.place-order-btn{width:100%;background:#60b246;color:#fff;border:none;padding:16px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.place-order-btn:hover:not(:disabled){background:#4a9c35}.place-order-btn:disabled{background:#d4d5d9;cursor:not-allowed}.order-note{text-align:center;margin-top:12px}.order-note p{font-size:12px;color:#93959f;margin:0}.login-required,.verification-required{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;margin:20px;border:1px solid #e9e9eb}.login-icon,.verify-icon{font-size:48px;margin-bottom:20px;display:block}.login-required h2,.verification-required h2{font-size:24px;font-weight:700;color:#282c3f;margin:0 0 12px}.login-required p,.verification-required p{font-size:16px;color:#686b78;margin:0 0 24px}.login-btn,.verify-btn{background:#fc8019;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease}.login-btn:hover,.verify-btn:hover{background:#e67300}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:12px}.address-types{flex-direction:column;gap:8px}.checkout-header{padding:12px 16px}.checkout-content{padding:16px;gap:16px}.section-header,.address-form,.selected-address,.payment-methods,.selected-payment,.order-items,.bill-details,.delivery-info,.place-order-section{padding:16px}}@media (max-width: 480px){.header-content h1{font-size:18px}.section-info h3{font-size:16px}.form-group input,.form-group textarea{font-size:14px;padding:12px 14px}.payment-option{padding:12px}.payment-icon{width:40px;height:40px;font-size:24px}.item-image{width:50px;height:50px}}.place-order-btn .loading-spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.location-detection{background:#f8f9fa;border-radius:12px;padding:20px;text-align:center}.detect-location-btn{background:#007bff;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;margin:0 auto;transition:all .2s ease}.detect-location-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.detect-location-btn:disabled{background:#6c757d;cursor:not-allowed}.detected-location{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;padding:12px;margin-top:16px;color:#155724;font-weight:500}.address-selection{margin-top:16px}.loading-addresses{display:flex;flex-direction:column;align-items:center;padding:40px 20px;color:#666}.saved-addresses-section h4{font-size:16px;font-weight:600;margin-bottom:16px;color:#333}.saved-addresses-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.saved-address-card{border:2px solid #e5e7eb;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;background:#fff}.saved-address-card:hover{border-color:#ddd6fe;box-shadow:0 4px 12px #0000001a}.saved-address-card.selected{border-color:#7c3aed;background:#faf5ff}.address-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.address-type{display:flex;align-items:center;gap:8px}.address-type-icon{font-size:18px}.address-type-text{font-weight:600;text-transform:capitalize}.default-badge{background:#10b981;color:#fff;font-size:12px;padding:4px 8px;border-radius:16px;font-weight:500}.select-radio input[type=radio]{width:20px;height:20px;accent-color:#7c3aed}.address-details{color:#666;line-height:1.5}.address-text{font-weight:500;color:#374151;margin-bottom:4px}.address-location{color:#6b7280;font-size:14px}.add-new-address{text-align:center}.add-new-btn{background:#f3f4f6;border:2px dashed #d1d5db;border-radius:12px;padding:16px 24px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease;width:100%}.add-new-btn:hover{background:#e5e7eb;border-color:#9ca3af}.new-address-form{background:#f8f9fa;border-radius:12px;padding:24px;margin-top:16px}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.form-header h4{font-size:18px;font-weight:600;color:#333;margin:0}.cancel-new-btn{background:none;border:none;color:#666;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s ease}.cancel-new-btn:hover{background:#e5e7eb;color:#333}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group input,.form-group textarea{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.form-group input.error,.form-group textarea.error{border-color:#ef4444}.error-msg{color:#ef4444;font-size:12px;margin-top:4px}.address-type-selector{margin:20px 0}.address-type-selector p{font-weight:600;margin-bottom:12px;color:#374151}.address-types{display:flex;gap:12px}.address-type{display:flex;align-items:center;cursor:pointer}.address-type input[type=radio]{margin-right:8px}.address-type span{font-weight:500;color:#374151}.continue-btn{background:#7c3aed;color:#fff;border:none;border-radius:8px;padding:14px 28px;font-weight:600;cursor:pointer;width:100%;margin-top:16px;transition:all .2s ease}.continue-btn:hover{background:#6d28d9;transform:translateY(-1px)}.detected-location-info{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;padding:12px 16px;margin:16px 0}.location-detected{color:#065f46;font-weight:500;margin:0;font-size:14px}.selected-address{margin-top:16px}.address-card{background:#f0fdf4;border:2px solid #bbf7d0;border-radius:12px;padding:20px;position:relative}.address-type-badge{position:absolute;top:-8px;right:16px;background:#10b981;color:#fff;font-size:12px;padding:4px 12px;border-radius:12px;font-weight:600;text-transform:uppercase}.address-card h4{font-weight:600;margin-bottom:8px;color:#065f46}.address-card p{margin:4px 0;color:#047857}.address-card .phone{font-weight:500}.address-note{color:#059669!important;font-weight:600!important;font-size:14px;margin-top:8px!important}.delivery-info{background:#f1f5f9;border-radius:8px;padding:16px;margin-top:16px}.delivery-time,.location-info{display:flex;align-items:center;gap:8px;margin:4px 0;color:#475569;font-weight:500}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:12px}.saved-addresses-list{gap:8px}.saved-address-card{padding:12px}.new-address-form{padding:16px}.form-header{flex-direction:column;align-items:flex-start;gap:12px}.address-types{flex-direction:column;gap:8px}}.loading-spinner{width:20px;height:20px;border:2px solid #ffffff33;border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.bill-details .bill-row.discount{color:#10b981;font-weight:500}.advance-options-section{padding:16px 0;border-top:1px solid #f0f3f7}.advance-options-section h5{margin:0 0 16px;font-size:16px;font-weight:600;color:#282c3f}.advance-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:16px}.advance-option{padding:12px;border:2px solid #e0e6ed;border-radius:8px;text-align:center;cursor:pointer;transition:all .2s ease;background:#fff}.advance-option:hover{border-color:#007bff;background:#f8f9ff}.advance-option.selected{border-color:#007bff;background:#e3f2fd;box-shadow:0 2px 8px #007bff33}.option-percentage{font-size:18px;font-weight:700;color:#007bff;margin-bottom:4px}.option-label{font-size:12px;color:#666;margin-bottom:4px}.option-amount{font-size:14px;font-weight:600;color:#282c3f}.selected-option-summary{padding:12px;background:#f0f8ff;border:1px solid #b3d9ff;border-radius:6px;margin-top:8px}.selected-option-summary p{margin:0;font-size:14px;color:#06c;line-height:1.4}.bill-details .bill-row.subtotal{border-top:1px dashed #e5e7eb;padding-top:8px;font-weight:600}.bill-details .savings-info{background:#f0fdf4;border:1px solid #16a34a;border-radius:6px;padding:8px 12px;margin-top:12px;color:#16a34a;font-weight:500;text-align:center}.sub-payment-methods{margin-top:20px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.sub-payment-methods h4{margin:0 0 15px;color:#1e293b;font-size:1.1rem}.sub-methods-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.sub-payment-option{display:flex;align-items:center;padding:15px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.sub-payment-option:hover{border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.sub-payment-option.selected{border-color:#3b82f6;background:#eff6ff}.sub-payment-icon{font-size:1.5rem;margin-right:12px}.sub-payment-info{flex:1}.sub-payment-info h5{margin:0 0 4px;color:#1e293b;font-size:.9rem;font-weight:600}.sub-payment-info p{margin:0;color:#64748b;font-size:.8rem}.sub-payment-radio{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.back-to-payment-methods{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.back-to-payment-methods:hover{background:#e2e8f0}@media (max-width: 768px){.sub-methods-grid{grid-template-columns:1fr}}.advance-payment-options{padding:20px}.advance-payment-options h4{font-size:16px;font-weight:600;color:#282c3f;margin:0 0 16px}.loading-state,.error-state{padding:16px;text-align:center;color:#93959f;font-size:14px}.error-state{color:#e74c3c;background:#fdf2f2;border-radius:8px}.advance-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px}.advance-option{border:2px solid #e9e9eb;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;text-align:center;background:#fff}.advance-option:hover{border-color:#fc8019;box-shadow:0 4px 12px #fc80191a}.advance-option.selected{border-color:#fc8019;background:#fff5f0;box-shadow:0 4px 12px #fc801933}.advance-percentage{font-size:24px;font-weight:700;color:#fc8019;margin-bottom:8px}.advance-amount{font-size:18px;font-weight:600;color:#282c3f;margin-bottom:8px}.advance-description{font-size:12px;color:#93959f;line-height:1.4}.payment-breakdown-preview{background:#f8f9fa;border-radius:8px;padding:16px;margin-top:16px}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;border-bottom:1px solid #e9e9eb}.breakdown-row:last-child{border-bottom:none}.breakdown-row.advance{color:#fc8019;font-weight:600}.breakdown-row.remaining{color:#93959f}.order-success-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:2rem}.order-success-small{--circle-size: 80px;--checkmark-size: 40px;--font-size-title: 1.25rem;--font-size-subtitle: .875rem}.order-success-medium{--circle-size: 120px;--checkmark-size: 60px;--font-size-title: 1.5rem;--font-size-subtitle: 1rem}.order-success-large{--circle-size: 160px;--checkmark-size: 80px;--font-size-title: 2rem;--font-size-subtitle: 1.125rem}.success-circle{position:relative;width:var(--circle-size);height:var(--circle-size);margin-bottom:1.5rem}.ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(34,197,94,.2);opacity:0}.ring-1{width:100%;height:100%}.ring-2{width:120%;height:120%}.ring-3{width:140%;height:140%}.order-success-container.preparing .ring{animation:ringExpand 1.5s ease-out infinite}.ring-1{animation-delay:0s}.ring-2{animation-delay:.5s}.ring-3{animation-delay:1s}@keyframes ringExpand{0%{transform:translate(-50%,-50%) scale(.8);opacity:.8;border-color:#22c55e99}50%{opacity:.4;border-color:#22c55e4d}to{transform:translate(-50%,-50%) scale(1.2);opacity:0;border-color:#22c55e00}}.success-icon-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.success-checkmark{width:var(--checkmark-size);height:var(--checkmark-size);transform:scale(0);opacity:0}.success-circle-bg{fill:#22c55e;transform-origin:center;transform:scale(0);opacity:0}.success-checkmark-path{stroke:#fff;stroke-width:4;fill:none;stroke-dasharray:100;stroke-dashoffset:100}.order-success-container.drawing .success-checkmark{transform:scale(1);opacity:1;transition:all .3s ease-out}.order-success-container.drawing .success-circle-bg{transform:scale(1);opacity:1;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.order-success-container.drawing .success-checkmark-path{animation:drawCheckmark .6s .2s ease-out forwards}@keyframes drawCheckmark{to{stroke-dashoffset:0}}.order-success-container.complete .success-checkmark{animation:checkmarkBounce .6s ease-out}@keyframes checkmarkBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.order-success-container.celebrate .success-circle{animation:celebrationPulse 2s ease-out infinite}@keyframes celebrationPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:#22c55e4d;opacity:0}.order-success-container.celebrate .pulse-effect{animation:pulseEffect 1.5s ease-out infinite}@keyframes pulseEffect{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(1.4);opacity:0}}.success-text{text-align:center;opacity:0;transform:translateY(20px)}.order-success-container.complete .success-text,.order-success-container.celebrate .success-text{opacity:1;transform:translateY(0);transition:all .6s ease-out .3s}.success-title{font-size:var(--font-size-title);font-weight:700;color:var(--gray-900);margin:0 0 .5rem;letter-spacing:-.025em}.success-subtitle{font-size:var(--font-size-subtitle);color:var(--gray-600);margin:0;font-weight:500}.loading-dots{display:flex;gap:.5rem;margin-top:1rem}.dot{width:8px;height:8px;border-radius:50%;background:var(--primary-500);animation:dotBounce 1.4s ease-in-out infinite both}.dot-1{animation-delay:-.32s}.dot-2{animation-delay:-.16s}.dot-3{animation-delay:0s}@keyframes dotBounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.confetti{position:absolute;top:-10px;width:8px;height:8px;animation:confettiFall 3s linear infinite}.confetti-1{background:#ff6b6b;left:10%;animation-delay:0s;animation-duration:2.5s}.confetti-2{background:#4ecdc4;left:30%;animation-delay:.3s;animation-duration:3s}.confetti-3{background:#45b7d1;left:50%;animation-delay:.6s;animation-duration:2.8s}.confetti-4{background:#96ceb4;left:70%;animation-delay:.9s;animation-duration:3.2s}.confetti-5{background:#feca57;left:90%;animation-delay:1.2s;animation-duration:2.7s}@keyframes confettiFall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@media (max-width: 768px){.order-success-large{--circle-size: 120px;--checkmark-size: 60px;--font-size-title: 1.5rem;--font-size-subtitle: 1rem}.order-success-container{padding:1rem}}@media (max-width: 480px){.order-success-large{--circle-size: 100px;--checkmark-size: 50px;--font-size-title: 1.25rem;--font-size-subtitle: .875rem}}.order-success-container.celebrate{position:relative}.order-success-container.celebrate:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300%;height:300%;background:radial-gradient(circle,rgba(34,197,94,.1) 0%,transparent 70%);border-radius:50%;animation:celebrationGlow 2s ease-out infinite;pointer-events:none}@keyframes celebrationGlow{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}50%{opacity:1}to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}.order-placement-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;animation:overlayAppear .3s ease-out}@keyframes overlayAppear{0%{opacity:0}to{opacity:1}}.overlay-backdrop{position:absolute;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay-content{position:relative;background:#fff;border-radius:20px;padding:3rem 2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040;animation:contentSlideUp .4s ease-out}@keyframes contentSlideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.processing-container{text-align:center}.processing-animation{margin-bottom:2rem}.processing-spinner{position:relative;width:80px;height:80px;margin:0 auto}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid var(--primary-500);border-radius:50%;animation:spinnerRotate 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){animation-delay:-.45s;border-top-color:var(--primary-500)}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:var(--primary-400);width:90%;height:90%;top:5%;left:5%}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:var(--primary-300);width:80%;height:80%;top:10%;left:10%}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.processing-steps{display:flex;flex-direction:column;gap:1rem;text-align:left}.processing-step{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:8px;transition:all .3s ease;opacity:.4}.processing-step.active{opacity:1;background:var(--primary-50);border:1px solid var(--primary-200);animation:stepHighlight .5s ease-out}.processing-step.completed{opacity:1;background:var(--green-50);border:1px solid var(--green-200)}@keyframes stepHighlight{0%{transform:translate(-10px);background:var(--primary-100)}to{transform:translate(0);background:var(--primary-50)}}.step-indicator{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.processing-step .step-indicator{background:var(--gray-200);color:var(--gray-500)}.processing-step.active .step-indicator{background:var(--primary-500);color:#fff;animation:indicatorPulse 1s ease-in-out infinite}.processing-step.completed .step-indicator{background:var(--green-500);color:#fff}@keyframes indicatorPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.step-text{font-weight:500;color:var(--gray-700);flex:1}.processing-step.active .step-text{color:var(--primary-700);font-weight:600}.processing-step.completed .step-text{color:var(--green-700)}.success-container{text-align:center}.order-details-summary{margin:2rem 0;padding:1.5rem;background:var(--gray-50);border-radius:12px;border:1px solid var(--gray-200)}.order-details-summary h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:700;color:var(--gray-900)}.order-details-summary p{margin:.25rem 0;color:var(--gray-600);font-weight:500}.delivery-info{font-size:.9rem;color:var(--primary-600)!important;font-weight:600!important;margin-top:.75rem!important}.overlay-actions{margin-top:2rem;display:flex;gap:1rem;justify-content:center}.btn{padding:.75rem 2rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary:hover{background:var(--primary-700);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}@media (max-width: 768px){.overlay-content{margin:1rem;padding:2rem 1.5rem}.processing-steps{gap:.75rem}.processing-step{padding:.5rem}.step-text{font-size:.9rem}}@media (max-width: 480px){.overlay-content{padding:1.5rem 1rem}.processing-spinner{width:60px;height:60px}.order-details-summary{padding:1rem}}.cashfree-payment{max-width:600px;margin:0 auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.payment-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.payment-header h3{color:#1f2937;margin:0 0 8px;font-size:1.5rem;font-weight:600}.payment-header p{color:#6b7280;margin:0;font-size:.9rem}.order-summary{background:#f9fafb;padding:20px;border-radius:8px;margin-bottom:25px}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.summary-row:last-child{margin-bottom:0;padding-top:10px;border-top:1px solid #e5e7eb;font-weight:600}.order-id{font-family:Courier New,monospace;background:#e5e7eb;padding:2px 8px;border-radius:4px;font-size:.9rem}.amount{color:#059669;font-weight:600;font-size:1.1rem}.payment-methods{margin-bottom:25px}.payment-methods h4{color:#1f2937;margin:0 0 15px;font-size:1.1rem;font-weight:600}.methods-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.payment-method{display:flex;align-items:center;padding:15px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;background:#fff}.payment-method:hover{border-color:#3b82f6;box-shadow:0 2px 4px #3b82f61a}.payment-method.selected{border-color:#3b82f6;background:#eff6ff}.payment-icon{width:24px;height:24px;margin-right:12px;color:#6b7280}.payment-method.selected .payment-icon{color:#3b82f6}.method-info{display:flex;flex-direction:column}.method-name{font-weight:600;color:#1f2937;margin-bottom:2px}.method-desc{font-size:.8rem;color:#6b7280}.customer-details{margin-bottom:25px}.customer-details h4{color:#1f2937;margin:0 0 15px;font-size:1.1rem;font-weight:600}.customer-info{background:#f9fafb;padding:15px;border-radius:8px}.info-row{display:flex;justify-content:space-between;margin-bottom:8px}.info-row:last-child{margin-bottom:0}.info-row span:first-child{color:#6b7280;font-weight:500}.info-row span:last-child{color:#1f2937}.payment-status{display:flex;align-items:center;justify-content:center;padding:15px;border-radius:8px;margin-bottom:20px;font-weight:600}.payment-status.processing{background:#fef3c7;color:#d97706}.payment-status.success{background:#dcfce7;color:#16a34a}.payment-status.failed{background:#fee2e2;color:#dc2626}.status-icon{width:20px;height:20px;margin-right:8px}.payment-actions{display:flex;gap:15px;margin-bottom:25px}.btn{flex:1;padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:1rem}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-icon{width:16px;height:16px;margin-right:8px}.security-info{text-align:center;padding-top:20px;border-top:1px solid #e5e7eb}.security-badges{display:flex;justify-content:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.badge{background:#f3f4f6;color:#374151;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.security-info p{color:#6b7280;font-size:.9rem;margin:0}@media (max-width: 768px){.methods-grid{grid-template-columns:1fr}.payment-actions{flex-direction:column}.security-badges{flex-direction:column;align-items:center}}.order-confirmation-page{min-height:100vh;background:var(--gray-50);padding:2rem 0}.confirmation-header{text-align:center;background:#fff;padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--gray-200);margin-bottom:2rem}.confirmation-header h1{font-size:2.5rem;font-weight:700;color:var(--gray-900);margin:1rem 0}.confirmation-message{font-size:1.125rem;color:var(--gray-600);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.order-number{background:var(--primary-50);color:var(--primary-700);padding:1rem 2rem;border-radius:var(--radius-lg);border:1px solid var(--primary-200);display:inline-block;font-size:1.125rem}.confirmation-content{display:flex;flex-direction:column;gap:2rem}.order-summary-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200);overflow:hidden}.order-summary-card h2{font-size:1.5rem;font-weight:600;color:var(--gray-900);padding:1.5rem 2rem;background:var(--gray-50);border-bottom:1px solid var(--gray-200);margin:0}.order-items{padding:2rem;border-bottom:1px solid var(--gray-200)}.order-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--gray-100)}.order-item:last-child{border-bottom:none}.item-image{width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;background:var(--gray-100);flex-shrink:0}.item-details h4{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem;line-height:1.4}.item-meta{display:flex;gap:1rem;font-size:.875rem;color:var(--gray-600)}.item-total{font-size:1.125rem;font-weight:700;color:var(--gray-900);align-self:flex-start}.price-breakdown{padding:2rem;background:var(--gray-50)}.price-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.875rem;color:var(--gray-700)}.price-row:last-child{margin-bottom:0}.price-row.discount{color:var(--green-600)}.price-row.total{font-size:1.25rem;font-weight:700;color:var(--gray-900);padding-top:1rem;border-top:2px solid var(--gray-200);margin-top:1rem}.order-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.detail-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200);padding:2rem}.detail-card h3{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:1.5rem}.delivery-info,.payment-info{display:flex;flex-direction:column;gap:1rem}.info-row{display:flex;flex-direction:column;gap:.25rem}.info-row .label{font-size:.875rem;font-weight:600;color:var(--gray-700)}.address{font-size:.875rem;color:var(--gray-600);line-height:1.5}.address div{margin-bottom:.125rem}.delivery-date{font-size:.875rem;color:var(--primary-600);font-weight:600}.payment-method{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-600)}.payment-status{font-size:.875rem;font-weight:600;padding:.25rem .75rem;border-radius:var(--radius-full)}.payment-status.paid{background:var(--green-100);color:var(--green-700)}.payment-status.pending{background:var(--orange-100);color:var(--orange-700)}.next-steps{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200);padding:2rem}.next-steps h3{font-size:1.5rem;font-weight:600;color:var(--gray-900);margin-bottom:2rem}.steps-list{display:flex;flex-direction:column;gap:1.5rem}.step{display:flex;gap:1rem;align-items:flex-start}.step.completed .step-icon{background:var(--green-100);color:var(--green-600)}.step-icon{width:40px;height:40px;border-radius:50%;background:var(--gray-100);color:var(--gray-500);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.step-content h4{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin-bottom:.25rem}.step-content p{font-size:.875rem;color:var(--gray-600);line-height:1.5}.confirmation-actions{display:flex;justify-content:center;gap:1rem;margin:2rem 0;flex-wrap:wrap}.confirmation-actions .btn{min-width:180px}.support-info{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200);padding:2rem;text-align:center}.support-info h3{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.support-info p{color:var(--gray-600);margin-bottom:2rem;line-height:1.6}.contact-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-700)}.contact-icon{font-size:1.125rem}.confirmation-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--gray-200);min-height:60vh}.error-icon{font-size:4rem;margin-bottom:1.5rem}.confirmation-error h2{font-size:1.75rem;color:var(--gray-900);margin-bottom:1rem}.confirmation-error p{color:var(--gray-600);margin-bottom:2rem;max-width:400px}.error-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}@media print{.order-confirmation-page{background:#fff;padding:0}.confirmation-actions,.support-info{display:none}.order-summary-card,.detail-card,.next-steps{border:1px solid #000;box-shadow:none}}@media (max-width: 768px){.order-confirmation-page{padding:1rem 0}.confirmation-header{padding:2rem 1.5rem;margin-bottom:1.5rem}.confirmation-header h1{font-size:2rem}.order-summary-card h2{padding:1rem 1.5rem}.order-items,.price-breakdown,.detail-card{padding:1.5rem}.order-details-grid{grid-template-columns:1fr}.confirmation-actions{flex-direction:column;align-items:stretch}.confirmation-actions .btn{min-width:auto}.support-contacts{flex-direction:column;gap:1rem}}@media (max-width: 480px){.confirmation-header{padding:1.5rem 1rem}.confirmation-header h1{font-size:1.75rem}.order-items,.price-breakdown,.detail-card{padding:1rem}.order-item{gap:.75rem}.item-image{width:60px;height:60px}.item-details h4,.item-total{font-size:1rem}}.auth-page-login-container{min-height:100vh;background:#f8f9fa;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.auth-page-login-container .auth-container-login{width:100%;max-width:400px;margin:0 auto}.auth-header-login{text-align:center;margin-bottom:2rem}.auth-logo-login{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none;color:#2d3748;font-weight:700;font-size:1.5rem;margin-bottom:2rem;transition:color .3s ease}.auth-logo-login:hover{color:#08bd80;text-decoration:none}.logo-icon{font-size:1.8rem;filter:drop-shadow(0 2px 4px rgba(8,189,128,.3))}.auth-title{font-size:2rem;font-weight:700;color:#2d3748;margin:0 0 .5rem;line-height:1.2;letter-spacing:-.025em}.auth-subtitle{color:#718096;font-size:1rem;margin:0;line-height:1.5;font-weight:400}.auth-login-card-container{background:#fff;border-radius:12px;padding:2.5rem;box-shadow:0 0 0 1px #0000000d,0 10px 15px -3px #0000001a;border:none}.login-type-toggle-container{display:flex;background:#f7fafc;border-radius:8px;padding:.125rem;margin-bottom:2rem;border:1px solid #e2e8f0}.toggle-btn{flex:1;padding:.75rem 1rem;background:none;border:none;border-radius:6px;cursor:pointer;font-weight:500;color:#718096;transition:all .2s ease;font-size:.875rem}.toggle-btn.active{background:#fff;color:#08bd80;box-shadow:0 1px 3px #0000001a;font-weight:600}.toggle-btn:hover:not(.active){color:#4a5568;background:#08bd800d}.auth-form-login{margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#2d3748;font-size:.875rem;letter-spacing:.025em}.input-icon{position:absolute;left:1rem;font-size:1rem;color:#a0aec0;z-index:1}.form-control{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;background:#fff;transition:all .2s ease;color:#2d3748;font-weight:400}.form-control:focus{outline:none;border-color:#08bd80;box-shadow:0 0 0 3px #08bd801a}.form-control.error{border-color:#e53e3e;background:#fed7d7}.form-control::placeholder{color:#a0aec0;font-weight:400}.password-toggle{position:absolute;right:1rem;background:none;border:none;cursor:pointer;font-size:1rem;padding:.25rem;color:#a0aec0;transition:color .2s ease}.password-toggle:hover{color:#718096}.error-message{display:block;margin-top:.5rem;font-size:.8rem;color:#e53e3e;font-weight:500}.checkbox-wrapper{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#4a5568}.checkbox-wrapper input[type=checkbox]{margin:0;accent-color:#08bd80;width:1rem;height:1rem}.checkmark{margin-left:.25rem}.forgot-password{color:#08bd80;text-decoration:none;font-weight:500;font-size:.875rem;transition:color .2s ease}.forgot-password:hover{color:#065f46;text-decoration:none}.error-banner{background:#fed7d7;border:1px solid #feb2b2;color:#c53030;padding:.875rem 1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem;font-weight:500}.btn-primary:active{transform:translateY(0)}.spinner-sm{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.auth-divider{position:relative;text-align:center;margin:2rem 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e2e8f0}.auth-divider span{background:#fff;padding:0 1rem;color:#718096;font-size:.875rem;position:relative;font-weight:500}.btn-social{background:#fff;color:#4a5568;border:1px solid #e2e8f0;font-weight:500;margin-bottom:.75rem;font-size:.875rem}.btn-social:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px)}.btn-social.google:hover{background:#fef5e7;border-color:#f6ad55}.btn-social.facebook:hover{background:#ebf8ff;border-color:#63b3ed}.auth-footer{text-align:center;color:#718096;font-size:.875rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.auth-link{color:#08bd80;text-decoration:none;font-weight:500;transition:color .2s ease}.auth-link:hover{color:#065f46;text-decoration:none}.auth-features{display:flex;justify-content:center;gap:2rem;margin-top:2rem;flex-wrap:wrap;padding-top:1.5rem;border-top:1px solid #f7fafc}.feature{display:flex;align-items:center;gap:.5rem;color:#718096;font-size:.875rem;font-weight:500}.feature-icon{font-size:1rem;color:#08bd80}@media (max-width: 768px){.auth-page-login-container{padding:2rem 1rem 1rem}.auth-container-login{max-width:100%}.auth-login-card-container{padding:2rem 1.5rem}.auth-title{font-size:1.75rem}.form-options{flex-direction:column;gap:1rem;align-items:flex-start}.auth-features{gap:1rem;flex-direction:column;align-items:center}}@media (max-width: 480px){.auth-page-login-container{padding:1rem .75rem}.auth-login-card-container{padding:1.5rem 1rem;border-radius:8px}.login-type-toggle-container{margin-bottom:1.5rem}.auth-title{font-size:1.5rem}.auth-subtitle{font-size:.875rem}}.toggle-btn:focus,.form-control:focus,.btn:focus,.password-toggle:focus,.auth-link:focus,.forgot-password:focus{outline:2px solid #08bd80;outline-offset:2px}.auth-form-login.loading{opacity:.7;pointer-events:none}.form-control.success{border-color:#08bd80;background:#f0fff4}.auth-login-card-container:hover{box-shadow:0 0 0 1px #0000000d,0 20px 25px -5px #0000001a;transition:box-shadow .3s ease}.auth-login-card-container{animation:fadeInUp .5s ease-out}.auth-header-login{animation:fadeInUp .5s ease-out .1s both}.form-group:last-of-type{margin-bottom:1.5rem}.btn-primary:disabled{background:#a0aec0;border-color:#a0aec0;transform:none;box-shadow:none}.input-wrapper:focus-within .input-icon{color:#08bd80}.auth-login-card-container{border:1px solid rgba(226,232,240,.6)}.auth-title{font-family:Inter,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11"}.form-label{text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;color:#4a5568}.customer-auth-page{min-height:100vh;background:linear-gradient(135deg,#eff6ff,#dbeafe);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;padding-top:100px}.customer-auth-container{width:100%;max-width:1000px;margin:0 auto}.customer-auth-header{border-bottom:4px solid #f59e0b;border-radius:.5rem;text-align:center;background:linear-gradient(135deg,#fff7ed 0% 50%,#fff);padding:20px 32px;margin-bottom:1rem}.cust-auth-title{font-size:2rem;font-weight:700;color:#1f2937;margin:0;margin-bottom:.5rem}.cust-auth-subtitle{color:#6b7280;font-size:1rem;margin-bottom:0}.cust-auth-card{border:1px solid #e5e7eb;border-radius:1rem;background:#fff;box-shadow:0 10px 25px #0000001a;padding:2rem}.auth-form{display:flex;flex-wrap:wrap;flex:1 1 49%;gap:1rem}.form-section-1,.form-section-2{flex:1 1 49%}.address-form-section{flex:1 1 100%}.cust-form-group{margin-bottom:0}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.9rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;font-size:1rem;z-index:1}.cust-form-control{width:100%;padding:.75rem 1rem!important;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:all .3s ease;background:#fff}.cust-form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.cust-form-control.error{border-color:#dc2626}.cust-form-control.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.cust-form-control:disabled{background:#f9fafb;cursor:not-allowed;opacity:.7}.password-toggle{position:absolute;right:1rem;background:none;border:none;cursor:pointer;font-size:1rem;padding:.25rem;color:#6b7280;transition:color .3s ease}.password-toggle:hover{color:#374151}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.invalid-error-message{border:2px solid #ff0000;border-radius:.7rem;font-size:1rem;color:#dc2626;background-color:#ffbdbd;display:block;position:absolute;top:567px;right:325px;z-index:10;padding:.6rem 2rem;margin-top:.5rem}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.checkbox-wrapper{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:#374151}.checkbox-wrapper input[type=checkbox]{margin:0}.forgot-password{color:#3b82f6;text-decoration:none;font-size:.9rem;font-weight:500}.forgot-password:hover{color:#2563eb;text-decoration:underline}.error-banner{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.success-banner{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;border:1px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-full{width:100%}.btn-primary{background:#3b82f6;color:#fff;border-color:#3b82f6}.btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d;text-decoration:none;color:#fff}.btn-outline{background:transparent;color:#3b82f6;border-color:#3b82f6}.btn-outline:hover:not(:disabled){background:#3b82f6;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d;text-decoration:none}.btn-social{width:100%;background:#fff;color:#374151;border-color:#d1d5db;margin-bottom:.75rem;justify-content:center}.btn-social:hover{background:#f9fafb;border-color:#9ca3af;text-decoration:none;color:#374151}.btn-social.google:hover{background:#fef2f2;border-color:#fca5a5}.btn-social.facebook:hover{background:#eff6ff;border-color:#93c5fd}.spinner{width:2rem;height:2rem;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.spinner-sm{width:1rem;height:1rem;border:2px solid #e5e7eb;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#6b7280}.auth-divider{position:relative;text-align:center;margin:1.5rem 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb}.auth-divider span{background:#fff;padding:0 1rem;color:#6b7280;font-size:.9rem;position:relative}.social-login{margin-bottom:1.5rem}.auth-footer{text-align:center;color:#6b7280;font-size:.9rem}.auth-link{color:#3b82f6;text-decoration:none;font-weight:500}.auth-link:hover{color:#2563eb;text-decoration:underline}.auth-features{display:flex;justify-content:center;gap:2rem;margin-top:2rem;flex-wrap:wrap}.feature{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.9rem}.feature-icon{font-size:1rem}@media (max-width: 768px){.auth-page{padding:1rem;padding-top:80px}.auth-container{max-width:100%}.auth-card{padding:1.5rem}.auth-title{font-size:1.5rem}.form-options{flex-direction:column;gap:1rem;align-items:flex-start}.auth-features{gap:1rem;flex-direction:column;align-items:center}}@media (max-width: 480px){.auth-page{padding:.75rem;padding-top:70px}.auth-card{padding:1rem}.login-type-toggle{flex-direction:row;gap:.25rem}.toggle-btn{text-align:center}}.toggle-btn:focus,.cust-form-control:focus,.btn:focus,.password-toggle:focus,.auth-link:focus{outline:2px solid #3b82f6;outline-offset:2px}@media print{.auth-page{background:#fff}.auth-card{box-shadow:none;border:1px solid #e5e7eb}}.cust-form-section{border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;padding:1.5rem}.cust-form-section:last-of-type{border-bottom:none;margin-bottom:1.5rem}.cust-form-section h3{font-size:1rem;font-weight:600;color:#374151;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0}.cust-form-control{transition:all .3s ease}.cust-form-control:focus{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}select.cust-form-control{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.supplier-register-card{max-width:800px;margin:0 auto}.supplier-form{max-width:none}.form-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.form-section h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.section-description{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.cust-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:0}.form-row.three-cols{grid-template-columns:1fr 1fr 1fr}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s ease}.checkbox-label:hover{background-color:#f8fafc}.checkbox-label input[type=checkbox]{margin:0;transform:scale(1.1)}.checkbox-text{-webkit-user-select:none;user-select:none}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-group .checkbox-label{padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.checkbox-group .checkbox-label:hover{border-color:#3b82f6;background:#eff6ff}.checkbox-group .checkbox-text{line-height:1.5}.checkbox-group .checkbox-text a{color:#3b82f6;text-decoration:none;font-weight:500}.checkbox-group .checkbox-text a:hover{text-decoration:underline}.checkbox-label input.error,.checkbox-group .checkbox-label:has(input.error){border-color:#dc2626;background-color:#fef2f2}@media (max-width: 768px){.supplier-register-card{max-width:100%;margin:0}.form-row,.form-row.three-cols,.checkbox-grid{grid-template-columns:1fr}.form-section h3{font-size:1.125rem}}@media (max-width: 480px){.auth-container{padding:1rem .5rem}.checkbox-group .checkbox-label{padding:.5rem}}.valid-msg{position:relative}.valid-success-message{border:2px solid #00ff15;border-radius:.75rem;text-align:center;background:#94ffb4;display:block;position:absolute;top:549px;right:325px;z-index:10;padding:.7rem 2rem;margin:1.5rem 0}.valid-success-icon{width:3rem;height:3rem;border-radius:50%;font-size:1.5rem;font-weight:700;color:#fff;background:#16a34a;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem}.valid-success-message p{color:#166534;font-size:1rem;margin:0}.cust-form-control[name=otp]{text-align:center;font-size:1.2rem;letter-spacing:.2rem;font-weight:600;padding-left:1rem}.btn+.btn{margin-top:.75rem}.auth-header p{font-size:.95rem;line-height:1.5;margin-bottom:0}@media (max-width: 480px){.success-message{padding:1.5rem}.success-icon{width:2.5rem;height:2.5rem;font-size:1.25rem}}.gst-auto-fill .input-group{position:relative}.auto-fill-preview{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auto-fill-preview .card{border:2px solid #007bff;box-shadow:0 4px 12px #007bff26}.auto-fill-preview .card-header{background:linear-gradient(135deg,#007bff,#0056b3);border-bottom:none}.auto-fill-preview .card-body{padding:1.5rem}.auto-fill-preview .badge{font-size:.75rem}.auto-fill-preview ul li{margin-bottom:.5rem;word-break:break-word}.auto-fill-preview .btn{min-width:140px}.form-section{margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #007bff}.section-header{margin-bottom:1.5rem}.section-header h4{color:#495057;margin-bottom:.5rem;font-weight:600}.section-header p{margin-bottom:0;font-size:.9rem}.form-label.required:after{content:" *";color:#dc3545;font-weight:700}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.checkbox-grid .form-check{background:#fff;padding:1rem;border-radius:6px;border:1px solid #dee2e6;transition:all .2s ease}.checkbox-grid .form-check:hover{border-color:#007bff;box-shadow:0 2px 4px #007bff1a}.checkbox-grid .form-check-input:checked+.form-check-label{color:#007bff;font-weight:600}.spinner-border-sm{width:1rem;height:1rem}@media (max-width: 768px){.form-section{padding:1rem;margin-bottom:1.5rem}.auto-fill-preview .card-body{padding:1rem}.auto-fill-preview .row{margin:0}.auto-fill-preview .col-md-6,.auto-fill-preview .col-md-4{padding:.5rem;margin-bottom:1rem}.checkbox-grid{grid-template-columns:1fr;gap:.75rem}.auto-fill-preview .btn{min-width:auto;margin-bottom:.5rem}}.alert{border-radius:6px;border:none}.alert-success{background-color:#d1edff;color:#0c5460;border-left:4px solid #17a2b8}.alert-danger{background-color:#f8d7da;color:#721c24;border-left:4px solid #dc3545}.alert-warning{background-color:#fff3cd;color:#856404;border-left:4px solid #ffc107}.form-hint{font-size:.75rem;color:#718096;font-weight:400;font-style:italic;margin-left:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:1rem}}.auto-fill-hint{font-size:.75rem;color:#10b981;font-weight:500;margin-left:8px}.cust-form-control.auto-filled{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important;border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811a!important}.form-hint{font-size:.75rem;color:#6b7280;font-weight:400;margin-left:8px;font-style:italic}.input-wrapper .input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:1rem;pointer-events:none;z-index:2}.form-section h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.google-maps-address-input.success .address-input{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.cust-form-control:disabled{background-color:#f9fafb!important;color:#6b7280!important;cursor:not-allowed}@media (max-width: 768px){.form-row{flex-direction:column}.form-row .cust-form-group{margin-bottom:0}.auto-fill-hint{display:block;margin-top:2px;margin-left:0}}.resend-section{text-align:center;margin:20px 0}.resend-button{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;margin-top:8px}.resend-button:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1ea085);transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.resend-button.clickable{cursor:pointer!important}.resend-icon{font-size:16px}.resend-info{margin-top:10px}.resend-wait{font-size:12px;color:#6c757d;margin-top:4px}.timer-display{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;color:#fc8019;margin-bottom:10px}.timer-progress{width:100%;height:4px;background:#e9ecef;border-radius:2px;overflow:hidden;margin-bottom:15px}.timer-progress-bar{height:100%;background:linear-gradient(90deg,#fc8019,#e67317);transition:width 1s linear}.otp-verification-page{min-height:100vh;background:#e6f3ff;background-image:radial-gradient(circle at 25% 25%,#f0f8ff 0%,transparent 50%),radial-gradient(circle at 75% 75%,#e6f3ff 0%,transparent 50%);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;padding-top:120px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.otp-container{background:#e6f3ff;border-radius:2rem;padding:3rem 2.5rem;max-width:450px;width:100%;box-shadow:20px 20px 40px #aec8ff66,-20px -20px 40px #ffffffe6,inset 0 0 0 1px #ffffff4d;position:relative;overflow:hidden}.otp-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent)}.otp-header{text-align:center;margin-bottom:2.5rem}.otp-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:2rem}.logo-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(252,128,25,.3))}.otp-icon{display:inline-flex;align-items:center;justify-content:center;width:5rem;height:5rem;background:#e6f3ff;border-radius:50%;font-size:2.5rem;margin-bottom:1.5rem;box-shadow:10px 10px 20px #aec8ff66,-10px -10px 20px #ffffffe6,inset 2px 2px 4px #aec8ff33,inset -2px -2px 4px #ffffffb3;position:relative}.otp-icon:after{content:"✓";position:absolute;top:-5px;right:-5px;width:1.5rem;height:1.5rem;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;box-shadow:0 2px 8px #10b9814d}.otp-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;text-shadow:0 1px 2px rgba(255,255,255,.8)}.otp-subtitle{font-size:1rem;color:#6b7280;margin-bottom:.5rem;font-weight:400}.phone-display{font-size:1.1rem;font-weight:600;color:#3b82f6;font-family:Courier New,monospace;background:#3b82f61a;padding:.5rem 1rem;border-radius:.75rem;display:inline-block;margin-top:.5rem;box-shadow:inset 2px 2px 4px #3b82f61a,inset -2px -2px 4px #ffffffe6}.otp-input-label{display:block;font-size:.95rem;font-weight:600;color:#374151;margin-bottom:1.5rem;text-align:center}.otp-input{width:3.5rem;height:3.5rem;background:#e6f3ff;border:none;border-radius:1rem;text-align:center;font-size:1.25rem;font-weight:700;color:#1f2937;transition:all .3s ease;outline:none;box-shadow:inset 6px 6px 12px #aec8ff66,inset -6px -6px 12px #ffffffe6;position:relative}.otp-input:focus{box-shadow:inset 8px 8px 16px #aec8ff80,inset -8px -8px 16px #fff,0 0 0 3px #3b82f633;transform:scale(1.05)}.otp-input.filled{color:#059669;box-shadow:inset 6px 6px 12px #10b98133,inset -6px -6px 12px #ffffffe6,0 0 0 2px #10b9814d}.otp-input::placeholder{color:#9ca3af;font-weight:400}.timer-display{display:inline-flex;align-items:center;gap:.5rem;background:#e6f3ff;padding:.75rem 1.5rem;border-radius:1rem;margin-bottom:1rem;box-shadow:inset 4px 4px 8px #aec8ff4d,inset -4px -4px 8px #fffc}.timer-icon{font-size:1.2rem;color:#f59e0b}.timer-display{font-size:.9rem;font-weight:600;color:#374151}.timer-progress{width:80%;height:.5rem;background:#e6f3ff;border-radius:.25rem;margin:0 auto 1rem;overflow:hidden;box-shadow:inset 3px 3px 6px #aec8ff66,inset -3px -3px 6px #ffffffe6}.timer-progress-bar{height:100%;background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:.25rem;transition:width 1s linear;box-shadow:0 0 8px #f59e0b66}.resend-button{background:#e6f3ff;border:none;padding:.75rem 1.5rem;border-radius:1rem;font-size:.9rem;font-weight:600;color:#059669;cursor:pointer;transition:all .3s ease;box-shadow:6px 6px 12px #aec8ff66,-6px -6px 12px #ffffffe6;display:inline-flex;align-items:center;gap:.5rem}.resend-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:8px 8px 16px #aec8ff80,-8px -8px 16px #fff}.resend-button:active{transform:translateY(0);box-shadow:inset 4px 4px 8px #aec8ff66,inset -4px -4px 8px #ffffffe6}.resend-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.otp-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.verify-button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;padding:1rem 2rem;border-radius:1rem;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:6px 6px 12px #3b82f64d,-6px -6px 12px #ffffff1a,inset 0 1px #fff3;display:flex;align-items:center;justify-content:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px}.verify-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:8px 8px 16px #3b82f666,-8px -8px 16px #ffffff1a,inset 0 1px #ffffff4d}.verify-button:active{transform:translateY(0);box-shadow:inset 4px 4px 8px #3b82f64d,inset -4px -4px 8px #ffffff1a}.verify-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.back-button{background:#e6f3ff;border:none;padding:.75rem 1.5rem;border-radius:1rem;font-size:.9rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .3s ease;box-shadow:6px 6px 12px #aec8ff66,-6px -6px 12px #ffffffe6;display:flex;align-items:center;justify-content:center;gap:.5rem}.back-button:hover{color:#374151;transform:translateY(-1px);box-shadow:8px 8px 16px #aec8ff80,-8px -8px 16px #fff}.back-button:active{transform:translateY(0);box-shadow:inset 4px 4px 8px #aec8ff66,inset -4px -4px 8px #ffffffe6}.otp-help{background:#e6f3ff;border-radius:1.5rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:inset 4px 4px 8px #aec8ff4d,inset -4px -4px 8px #fffc}.otp-help li{font-size:.875rem;color:#6b7280;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.otp-help li:before{content:"•";position:absolute;left:0;color:#3b82f6;font-weight:700}.dev-info{background:#e6f3ff;border-radius:1rem;padding:1rem;text-align:center;font-size:.875rem;color:#1f2937;box-shadow:inset 3px 3px 6px #10b98133,inset -3px -3px 6px #ffffffe6;border:1px solid rgba(16,185,129,.2)}@media (max-width: 768px){.otp-verification-page{padding:1rem;padding-top:100px}.otp-container{padding:2rem 1.5rem;border-radius:1.5rem}.otp-title{font-size:1.5rem}.otp-inputs-container{gap:.5rem}.otp-input{width:3rem;height:3rem;font-size:1.1rem}.verify-button{padding:.875rem 1.5rem}}@media (max-width: 480px){.otp-container{padding:1.5rem 1rem}.otp-inputs-container{gap:.375rem}.otp-input{width:2.75rem;height:2.75rem;font-size:1rem;border-radius:.75rem}.otp-icon{width:4rem;height:4rem;font-size:2rem}}.otp-input:focus-visible,.verify-button:focus-visible,.back-button:focus-visible,.resend-button:focus-visible{outline:3px solid rgba(59,130,246,.5);outline-offset:2px}.otp-verification-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;padding-top:120px}.otp-container{background:#fff;border-radius:1.5rem;padding:2.5rem 2rem;max-width:420px;width:100%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid rgba(226,232,240,.8);position:relative}.otp-header{text-align:center;margin-bottom:2rem}.otp-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#fc8019;margin-bottom:1.5rem}.logo-icon{font-size:2rem}.otp-icon{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:linear-gradient(135deg,#fc8019,#e67317);border-radius:50%;font-size:2rem;color:#fff;margin-bottom:1rem;box-shadow:0 8px 20px #fc80194d;position:relative}.otp-icon:after{content:"✓";position:absolute;top:-5px;right:-5px;width:1.25rem;height:1.25rem;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid white}.otp-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;line-height:1.2}.otp-subtitle{font-size:1rem;color:#6b7280;margin-bottom:.75rem;line-height:1.4}.phone-display{display:inline-block;font-size:1.1rem;font-weight:600;color:#fc8019;background:#fc80191a;padding:.5rem 1rem;border-radius:.5rem;font-family:Courier New,monospace;border:1px solid rgba(252,128,25,.2);margin-top:.5rem}.otp-input-section{margin-bottom:2rem}.otp-input-label{display:block;font-size:.95rem;font-weight:600;color:#374151;margin-bottom:1rem;text-align:left}.otp-inputs-container{display:flex;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.otp-input{width:3.25rem;height:3.25rem;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;text-align:center;font-size:1.25rem;font-weight:700;color:#1f2937;transition:all .3s ease;outline:none}.otp-input:focus{border-color:#fc8019;box-shadow:0 0 0 3px #fc80191a;transform:scale(1.05)}.otp-input.filled{border-color:#10b981;background:#10b9810d;color:#059669}.otp-input:disabled{background:#f9fafb;cursor:not-allowed}.otp-timer{margin-bottom:2rem;text-align:center}.timer-display{display:inline-flex;align-items:center;gap:.5rem;background:#fc80191a;padding:.75rem 1.25rem;border-radius:.75rem;margin-bottom:1rem;border:1px solid rgba(252,128,25,.2)}.timer-icon{font-size:1.1rem;color:#f59e0b}.timer-display span{font-size:.9rem;font-weight:600;color:#374151}.timer-progress{width:80%;height:.5rem;background:#f3f4f6;border-radius:.25rem;margin:0 auto 1rem;overflow:hidden}.timer-progress-bar{height:100%;background:linear-gradient(90deg,#fc8019,#e67317);border-radius:.25rem;transition:width 1s linear}.resend-section{text-align:center}.resend-text{font-size:.9rem;color:#6b7280;margin-bottom:.75rem}.resend-button{background:#10b981;border:none;padding:.75rem 1.5rem;border-radius:.75rem;font-size:.9rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.resend-button:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.resend-button:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}.otp-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.verify-button{background:linear-gradient(135deg,#fc8019,#e67317);border:none;padding:1rem 2rem;border-radius:.75rem;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px}.verify-button:hover:not(:disabled){background:linear-gradient(135deg,#e67317,#d65a10);transform:translateY(-2px);box-shadow:0 8px 20px #fc801966}.verify-button:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}.back-button{background:transparent;border:2px solid #e5e7eb;padding:.75rem 1.5rem;border-radius:.75rem;font-size:.9rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.back-button:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.loading-spinner{width:1.25rem;height:1.25rem;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite}.otp-help{background:#f8fafc;border-radius:1rem;padding:1.5rem;margin-bottom:1rem;border:1px solid #e2e8f0}.otp-help h4{font-size:1rem;font-weight:600;color:#374151;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.otp-help ul{list-style:none;padding:0;margin:0}.otp-help li{font-size:.875rem;color:#6b7280;margin-bottom:.5rem;padding-left:1.5rem;position:relative;line-height:1.4}.otp-help li:before{content:"•";position:absolute;left:0;color:#fc8019;font-weight:700}.dev-info{background:#dbeafe;border:1px solid #93c5fd;border-radius:.75rem;padding:1rem;text-align:center;font-size:.875rem;color:#1e40af}.dev-badge{background:#3b82f6;color:#fff;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:700;display:inline-block;margin-bottom:.5rem;letter-spacing:.5px}@media (max-width: 768px){.otp-verification-page{padding:1rem;padding-top:100px}.otp-container{padding:2rem 1.5rem;border-radius:1.25rem}.otp-title{font-size:1.5rem}.otp-inputs-container{gap:.5rem}.otp-input{width:3rem;height:3rem;font-size:1.1rem}.verify-button{padding:.875rem 1.5rem}}@media (max-width: 480px){.otp-container{padding:1.5rem 1rem}.otp-inputs-container{gap:.375rem}.otp-input{width:2.75rem;height:2.75rem;font-size:1rem;border-radius:.5rem}.otp-icon{width:3.5rem;height:3.5rem;font-size:1.75rem}.otp-title{font-size:1.25rem}}.otp-input:focus-visible,.verify-button:focus-visible,.back-button:focus-visible,.resend-button:focus-visible{outline:2px solid #fc8019;outline-offset:2px}.otp-verification-page *{box-sizing:border-box}.otp-verification-page .otp-container{position:relative;z-index:10}.google-maps-address-input{width:100%;position:relative}.address-input{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;background:#fff;transition:all .2s ease;box-sizing:border-box}.address-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.address-input::placeholder{color:#a0aec0}.pac-container{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;border:1px solid #e2e8f0;margin-top:4px;z-index:1000}.pac-item{padding:12px 16px;font-size:14px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background-color .2s ease}.pac-item:hover,.pac-item-selected{background-color:#f7fafc}.pac-item:last-child{border-bottom:none}.pac-item-query{font-weight:600;color:#2d3748}.pac-matched{font-weight:700;color:#667eea}.pac-item-type{color:#718096;font-size:12px;margin-top:2px}.google-maps-address-input.error .address-input{border-color:#f56565;box-shadow:0 0 0 3px #f565651a}.google-maps-address-input.success .address-input{border-color:#48bb78;box-shadow:0 0 0 3px #48bb781a}@media (max-width: 768px){.address-input{padding:.625rem .875rem;font-size:16px}.pac-item{padding:14px 16px;font-size:15px}}@media (max-width: 480px){.address-input{padding:.5rem .75rem;font-size:16px}.pac-container{margin-top:2px}.pac-item{padding:12px 14px;font-size:14px}}@media (prefers-color-scheme: dark){.address-input{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.address-input::placeholder{color:#a0aec0}.pac-container{background:#2d3748;border-color:#4a5568}.pac-item{border-bottom-color:#4a5568}.pac-item:hover,.pac-item-selected{background-color:#374151}.pac-item-query{color:#e2e8f0}.pac-matched{color:#9f7aea}.pac-item-type{color:#a0aec0}}.address-input:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast: high){.address-input{border-width:3px;border-color:#000}.pac-container{border-width:2px;border-color:#000}}*{box-sizing:border-box}.verify-phone-page{min-height:100vh;background:#fff;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.verify-phone-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:2.5rem 2rem;max-width:400px;width:100%;box-shadow:0 1px 3px #0000001a}.verify-header{text-align:center;margin-bottom:2rem}.brand-section{margin-bottom:1.5rem}.brand-logo{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.logo-icon{font-size:1.5rem;color:#fc8019}.brand-name{font-size:1.5rem;font-weight:700;color:#fc8019;margin:0}.brand-tagline{font-size:.875rem;color:#6b7280;margin:0;font-weight:400}.verification-hero{margin-bottom:1.5rem}.hero-icon{display:inline-block;margin-bottom:1rem}.phone-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:#fc8019;border-radius:50%;font-size:1.5rem;color:#fff}.verification-badge{position:absolute;top:-4px;right:-4px;width:1rem;height:1rem;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;border:2px solid white}.hero-title{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:.5rem;line-height:1.3}.hero-subtitle{font-size:.875rem;color:#6b7280;margin-bottom:.5rem;line-height:1.4}.phone-display{display:inline-block;font-size:.875rem;color:#111827;background:#f9fafb;border:1px solid #e5e7eb;padding:.5rem .75rem;border-radius:4px;font-family:SF Mono,Monaco,Consolas,monospace;font-weight:500;margin-top:.5rem}.country-code{color:#fc8019}.phone-number{margin-left:.25rem}.edit-phone-btn{background:none;border:none;color:#fc8019;font-size:.75rem;cursor:pointer;padding:.25rem;margin-left:.5rem;text-decoration:underline;font-weight:500}.edit-phone-btn:hover{color:#e67317}.otp-section{margin-bottom:2rem}.otp-input-container{margin-bottom:1.5rem}.otp-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:1rem;text-align:left}.otp-inputs{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.otp-input-wrapper{position:relative}.otp-input{width:2.5rem;height:2.5rem;background:#fff;border:1px solid #d1d5db;border-radius:4px;text-align:center;font-size:1rem;font-weight:600;color:#111827;transition:border-color .2s ease;outline:none}.otp-input:focus{border-color:#fc8019;box-shadow:0 0 0 1px #fc8019}.otp-input.filled{border-color:#10b981;background:#f0fdf4;color:#065f46}.otp-input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.timer-section{text-align:center;margin-bottom:1.5rem}.timer-active{background:#fef3e2;border:1px solid #fed7aa;border-radius:4px;padding:.75rem}.timer-display{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem}.timer-icon{font-size:.875rem;color:#f59e0b}.timer-text{font-size:.75rem;color:#92400e;font-weight:500}.timer-countdown{font-size:.875rem;font-weight:600;color:#92400e;font-family:SF Mono,Monaco,Consolas,monospace}.timer-progress{display:none}.resend-section{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;padding:.75rem}.resend-info{font-size:.75rem;color:#065f46;margin-bottom:.5rem;font-weight:500}.resend-btn{background:#10b981;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;display:inline-flex;align-items:center;gap:.25rem}.resend-btn:hover:not(:disabled){background:#059669}.resend-btn:disabled{background:#d1d5db;color:#6b7280;cursor:not-allowed}.resend-icon{font-size:.75rem}.action-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.verify-btn{background:#fc8019;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px}.verify-btn:hover:not(:disabled){background:#e67317}.verify-btn:disabled{background:#d1d5db;color:#6b7280;cursor:not-allowed}.varify-back-btn{width:100%;border:2px solid black;background:#fff;color:#6b7280;padding:.5rem 1rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.25rem;font-weight:500}.varify-back-btn:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.btn-arrow{font-size:.875rem}.loading-spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.spinner-container{display:flex;align-items:center;gap:.5rem}.help-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:1rem;margin-bottom:1rem}.help-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.help-icon{font-size:.875rem;color:#fc8019}.help-header h3{font-size:.875rem;font-weight:600;color:#374151;margin:0}.help-list{list-style:none;padding:0;margin:0}.help-list li{display:flex;align-items:flex-start;gap:.5rem;padding:.25rem 0;font-size:.75rem;color:#6b7280;line-height:1.4}.help-list li:last-child{border-bottom:none}.help-item-icon{font-size:.75rem;color:#9ca3af;margin-top:.125rem;flex-shrink:0}.dev-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;padding:.75rem;text-align:center;font-size:.75rem;color:#1e40af}.dev-badge{background:#3b82f6;color:#fff;padding:.125rem .5rem;border-radius:.25rem;font-size:.625rem;font-weight:600;display:inline-block;margin-bottom:.25rem;letter-spacing:.25px;text-transform:uppercase}@media (max-width: 768px){.verify-phone-page{padding:2rem 1rem 1rem;align-items:flex-start}.verify-phone-container{padding:1.5rem 1rem;margin-top:2rem}.hero-title{font-size:1.25rem}.otp-inputs{gap:.375rem}.otp-input{width:2.25rem;height:2.25rem;font-size:.875rem}.verify-btn{padding:.75rem 1rem;font-size:.8125rem}}@media (max-width: 480px){.verify-phone-container{padding:3rem .75rem;margin:.5rem}.brand-name{font-size:1.25rem}.hero-title{font-size:1.125rem}.otp-inputs{gap:.25rem}.otp-input{width:2rem;height:2rem;font-size:.8125rem}.phone-display{font-size:.8125rem;padding:.375rem .5rem}.action-buttons{gap:.5rem}.varify-back-btn{width:50%!important;border:1px solid black}.varify-back-btn span{width:90%!important;position:relative}}.otp-input:focus,.verify-btn:focus,.varify-back-btn:focus,.resend-btn:focus,.edit-phone-btn:focus{outline:2px solid #fc8019;outline-offset:1px}@media (prefers-contrast: high){.verify-phone-container,.otp-input,.verify-btn{border:2px solid #000}}.cooling-period-manager{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef;margin:20px 0}.cooling-period-manager.cooling_active{border-left:4px solid #ffc107}.cooling-period-manager.cooling_expired{border-left:4px solid #28a745}.cooling-period-manager.confirmed{border-left:4px solid #007bff}.cooling-period-manager.cancelled{border-left:4px solid #dc3545}.cooling-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e9ecef}.cooling-icon{font-size:2.5rem;line-height:1}.cooling-info h3{margin:0 0 4px;font-size:1.25rem;font-weight:600;color:#212529}.cooling-info p{margin:0;color:#6c757d;font-size:.9rem}.cooling-timer{text-align:center}.timer-display{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-radius:12px;border:2px solid #ffc107}.time-unit{display:flex;flex-direction:column;align-items:center;min-width:60px}.time-value{font-size:2rem;font-weight:700;color:#212529;line-height:1}.time-label{font-size:.75rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.time-separator{font-size:2rem;font-weight:700;color:#ffc107;margin:0 8px}.cooling-progress{margin-bottom:24px}.progress-bar{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#ffc107,#fd7e14);border-radius:4px;transition:width .3s ease}.progress-text{margin:0;text-align:center;color:#6c757d;font-size:.85rem}.cooling-explanation{background:#f8f9fa;padding:20px;border-radius:12px;margin-bottom:24px}.cooling-explanation h4{margin:0 0 12px;font-size:1.1rem;font-weight:600;color:#212529}.cooling-explanation p{margin:0 0 16px;color:#495057;line-height:1.5}.cooling-benefits{display:flex;flex-direction:column;gap:8px}.benefit-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#495057}.benefit-icon{font-size:1rem}.cooling-actions{text-align:center;padding:20px;background:#fff5f5;border-radius:12px;border:1px solid #fed7d7}.cancel-order-btn{padding:12px 24px;background:#dc3545;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:12px}.cancel-order-btn:hover{background:#c82333;transform:translateY(-1px)}.cancel-note{margin:0;font-size:.85rem;color:#6c757d;line-height:1.4}.cooling-completed,.order-confirmed,.order-cancelled{text-align:center;padding:32px 20px}.completion-icon,.confirmation-icon,.cancellation-icon{font-size:3rem;margin-bottom:16px}.cooling-completed h4,.order-confirmed h4,.order-cancelled h4{margin:0 0 12px;font-size:1.25rem;font-weight:600;color:#212529}.cooling-completed p,.order-confirmed p,.order-cancelled p{margin:0 0 20px;color:#6c757d;line-height:1.5}.order-progression{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:20px}.progression-step{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.5;transition:opacity .2s ease}.progression-step.completed{opacity:1;color:#28a745}.progression-step.active{opacity:1;color:#007bff}.step-icon{font-size:1.5rem}.step-text{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.progression-arrow{font-size:1.2rem;color:#adb5bd}.cancellation-reason{font-style:italic;color:#dc3545;font-size:.9rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.cancel-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.modal-body>p{margin:0 0 20px;font-size:1rem;color:#495057}.order-summary{background:#f8f9fa;padding:16px;border-radius:8px;margin-bottom:20px}.order-summary h4{margin:0 0 12px;font-size:1rem;font-weight:600;color:#212529}.order-items{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.order-item{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#495057}.order-total{text-align:right;padding-top:8px;border-top:1px solid #dee2e6;font-size:1rem}.cancellation-reason{margin-bottom:20px}.cancellation-reason label{display:block;margin-bottom:8px;font-weight:500;color:#212529}.cancellation-reason select{width:100%;padding:12px;border:1px solid #ced4da;border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s ease}.cancellation-reason select:focus{border-color:#007bff}.refund-info{margin-bottom:20px}.info-box{background:#e3f2fd;padding:16px;border-radius:8px;border-left:4px solid #2196f3}.info-box h5{margin:0 0 12px;font-size:1rem;font-weight:600;color:#1565c0}.info-box ul{margin:0;padding-left:20px}.info-box li{margin-bottom:4px;font-size:.9rem;color:#1976d2;line-height:1.4}.modal-actions{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #e9ecef}.btn{flex:1;padding:12px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid;text-align:center}.btn-outline{background:transparent;color:#6c757d;border-color:#6c757d}.btn-outline:hover{background:#6c757d;color:#fff}.btn-danger{background:#dc3545;color:#fff;border-color:#dc3545}.btn-danger:hover:not(:disabled){background:#c82333;border-color:#c82333}.btn-danger:disabled{background:#6c757d;border-color:#6c757d;cursor:not-allowed;opacity:.6}.loading-state,.error-state{text-align:center;padding:40px 20px;color:#6c757d}.spinner{width:32px;height:32px;border:3px solid #f3f4f6;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@media (max-width: 768px){.cooling-period-manager{padding:16px;margin:16px 0}.cooling-header{flex-direction:column;text-align:center;gap:12px}.timer-display{flex-wrap:wrap;gap:16px;padding:16px}.time-separator{display:none}.order-progression{flex-direction:column;gap:8px}.progression-arrow{transform:rotate(90deg)}.modal-overlay{padding:10px}.cancel-modal{max-height:95vh}.modal-actions{flex-direction:column}.benefit-item{justify-content:center}}.order-detail-page{min-height:100vh;background:#f7f8fc;font-family:ProximaNova,Arial,sans-serif;padding:100px 20px 20px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.order-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#fc8019,#e8720d);padding:32px;border-radius:16px;box-shadow:0 8px 32px #00000026;margin-bottom:30px;color:#fff;min-height:120px;overflow:visible}.order-header-content{flex:1;min-width:0}.order-header-content .order-basic-info{display:flex;flex-direction:column;gap:8px}.order-header-content .order-basic-info h1{margin:0;font-size:2rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);line-height:1.2;word-break:break-word;overflow-wrap:break-word}.order-header-content .order-basic-info .order-date{margin:0;color:#ffffffe6;font-size:1rem;font-weight:400;line-height:1.4}.order-status-badge{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:25px;font-weight:600;color:#fff;box-shadow:0 4px 15px #0000001a;flex-shrink:0;white-space:nowrap}.status-icon{font-size:1.2rem}.status-text{font-size:1rem}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px;padding:12px 20px;background:#ffffffe6;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;order:2}.breadcrumb a{color:#007bff;text-decoration:none;font-weight:500;transition:color .3s ease}.breadcrumb a:hover{color:#0056b3}.breadcrumb-separator{color:#6c757d;font-weight:700}.breadcrumb-current{color:#495057;font-weight:600}.order-status-overview{background:#fff;padding:32px;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:30px;border:1px solid rgba(255,255,255,.2)}.status-main{display:flex;align-items:center;gap:24px;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #f8f9fa}.status-icon-large{font-size:4rem;display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 8px 25px #667eea4d;flex-shrink:0}.status-details{flex:1;min-width:0}.status-details h2{margin:0 0 8px;font-size:2rem;font-weight:700;color:#212529;line-height:1.2}.status-details p{margin:0;color:#6c757d;font-size:1.1rem;font-weight:400;line-height:1.4}.status-timeline{background:#f8f9fa;padding:24px;border-radius:12px;border:1px solid #e9ecef}.timeline-items{display:flex;justify-content:space-between;align-items:center;position:relative;flex-wrap:wrap;gap:16px}.timeline-items:before{content:"";position:absolute;top:20px;left:40px;right:40px;height:3px;background:#dee2e6;border-radius:2px;z-index:1}.timeline-item{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2;flex:1;min-width:80px}.timeline-dot{width:40px;height:40px;border-radius:50%;background:#dee2e6;border:4px solid white;display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.timeline-item.completed .timeline-dot{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;font-weight:700}.timeline-item.current .timeline-dot{background:linear-gradient(135deg,#007bff,#6610f2);color:#fff;font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #007bffb3}70%{box-shadow:0 0 0 10px #007bff00}to{box-shadow:0 0 #007bff00}}.timeline-dot:before{content:"✓";font-size:1rem;font-weight:700}.timeline-item:not(.completed) .timeline-dot:before{content:""}.timeline-status{font-size:.9rem;font-weight:600;color:#495057;white-space:nowrap}.timeline-item.completed .timeline-status{color:#28a745}.timeline-item.current .timeline-status{color:#007bff;font-weight:700}.order-content{display:grid;grid-template-columns:2fr 1fr;gap:30px}.order-section{background:#fff;padding:28px;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:24px;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease,box-shadow .3s ease}.order-section:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.order-section h3{margin:0 0 24px;font-size:1.4rem;font-weight:700;color:#212529;display:flex;align-items:center;gap:12px;line-height:1.2}.order-section h3:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;flex-shrink:0}.order-items{display:flex;flex-direction:column;gap:20px}.order-item{display:flex;align-items:flex-start;gap:20px;padding:20px;background:#fafbfc;border-radius:12px;border:1px solid #e9e9ef;transition:all .3s ease}.order-item:hover{background:#f7f8fc;border-color:#fc8019;transform:translateY(-2px);box-shadow:0 8px 24px #fc80191a}.item-image{width:100px;height:100px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#f0f0f5;border:1px solid #e9e9ef}.item-image img{width:100%;height:100%;object-fit:cover}.placeholder-image{width:100%;height:100%;background:linear-gradient(135deg,#e9ecef,#dee2e6);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#adb5bd}.item-details{flex:1;min-width:0}.item-details h4{margin:0 0 12px;font-size:1.2rem;font-weight:700;color:#212529;line-height:1.4;word-break:break-word}.item-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.item-category,.item-brand,.item-quantity,.item-unit-price{font-size:.9rem;color:#6c757d;font-weight:500}.item-specifications{margin:12px 0;padding:12px;background:#fffc;border-radius:8px;border:1px solid rgba(0,0,0,.05)}.item-specifications h5{margin:0 0 8px;font-size:.95rem;font-weight:600;color:#495057}.specs-list{display:flex;flex-direction:column;gap:4px}.spec{font-size:.85rem;color:#6c757d;padding:2px 0}.item-total{font-size:1.3rem;font-weight:700;color:#28a745;text-align:right;align-self:flex-start;flex-shrink:0;margin-left:12px}.order-summary{background:linear-gradient(135deg,#fff,#f8f9fa);padding:28px;border-radius:16px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);height:fit-content;position:sticky;top:20px}.order-summary h3{margin:0 0 24px;font-size:1.4rem;font-weight:700;color:#212529;text-align:center;padding-bottom:16px;border-bottom:2px solid #e9ecef}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:1rem;color:#495057}.summary-row.total{border-top:2px solid #e9ecef;margin-top:12px;padding-top:16px;font-size:1.2rem;font-weight:700;color:#212529}.summary-row .amount{font-weight:600;color:#28a745;white-space:nowrap}.summary-row.total .amount{font-size:1.4rem;color:#007bff}.progress-timeline{background:#f8f9fa;padding:24px;border-radius:12px;border:1px solid #e9ecef}.progress-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;position:relative}.progress-item:not(:last-child):after{content:"";position:absolute;left:12px;top:32px;bottom:-24px;width:3px;background:#dee2e6;border-radius:2px}.progress-item.completed:after{background:linear-gradient(to bottom,#28a745,#20c997)}.progress-icon{width:24px;height:24px;border-radius:50%;background:#dee2e6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;margin-top:4px}.progress-item.completed .progress-icon{background:linear-gradient(135deg,#28a745,#20c997)}.progress-content{flex:1;min-width:0}.progress-content h4{margin:0 0 4px;font-size:1.1rem;font-weight:600;color:#212529;line-height:1.3}.progress-content p{margin:0 0 4px;font-size:.9rem;color:#495057;font-weight:500}.progress-description{font-size:.85rem;color:#6c757d;font-style:italic}.btn{padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border:none;font-size:1rem;min-width:120px;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#007bff,#6610f2);color:#fff;box-shadow:0 4px 15px #007bff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #007bff66}.btn-outline{background:transparent;color:#007bff;border:2px solid #007bff}.btn-outline:hover{background:#007bff;color:#fff;transform:translateY(-2px)}.btn-sm{padding:8px 16px;font-size:.9rem;min-width:100px}.header-actions{display:flex;gap:12px;flex-shrink:0}@media (max-width: 768px){.container{padding:0 15px}.order-header{flex-direction:column;gap:20px;text-align:center;padding:30px 20px}.order-header-content .order-basic-info h1{font-size:1.5rem;line-height:1.3}.order-content{grid-template-columns:1fr;gap:20px}.order-item{flex-direction:column;text-align:center}.item-image{align-self:center}.item-total{text-align:center;margin-left:0;margin-top:12px}.timeline-items{flex-direction:column;gap:20px}.timeline-items:before{display:none}.breadcrumb{flex-wrap:wrap;gap:4px}.status-main{flex-direction:column;text-align:center;gap:16px}.item-meta{justify-content:center}.order-status-badge{order:-1;align-self:center}}@media (max-width: 480px){.order-detail-page{padding:10px 0}.order-header{padding:25px 15px;margin-bottom:20px}.order-header-content .order-basic-info h1{font-size:1.3rem;line-height:1.4}.order-section,.order-summary{padding:20px}.status-icon-large{width:60px;height:60px;font-size:2.5rem}.timeline-dot{width:30px;height:30px}.order-status-badge{padding:12px 16px}.timeline-status{font-size:.8rem}}.order-error{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a}.order-error h2{margin:0 0 16px;font-size:2rem;font-weight:700;color:#dc3545}.order-error p{margin:0 0 12px;color:#6c757d;font-size:1.1rem}.error-details{font-size:.9rem;color:#868e96;font-style:italic}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.orddetailview-main-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px;margin-top:80px}.orddetailview-content-wrapper{max-width:1200px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;overflow:hidden}.aggre-order-access-denied{text-align:center;padding:80px 20px;background:#fff}.aggre-access-denied-icon{font-size:64px;margin-bottom:20px}.aggre-auth-btn{padding:14px 28px;border-radius:8px;text-decoration:none;font-weight:600;display:inline-block;margin-top:20px;transition:all .3s ease;font-size:16px}.aggre-order-loading-state,.aggre-order-error-state{text-align:center;padding:80px 20px;background:#fff}.aggre-error-icon{font-size:64px;margin-bottom:20px}.aggre-order-error-state h2{color:#e23744;margin-bottom:15px;font-size:28px;font-weight:700}.aggre-order-error-state p{color:#7e808c;margin-bottom:30px;font-size:16px}.aggre-error-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:20px}.aggre-error-btn{padding:14px 28px;border:none;border-radius:8px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease;font-size:16px}.aggre-order-breadcrumb{padding:20px 30px;background:#fff;border-bottom:1px solid #f0f0f5;font-size:14px}.aggre-breadcrumb-link{color:#fc8019;text-decoration:none;transition:color .3s ease;border:none;background:none;cursor:pointer;font-weight:500}.aggre-breadcrumb-link:hover{color:#e8720d;text-decoration:underline}.aggre-breadcrumb-separator{margin:0 12px;color:#93959f}.aggre-breadcrumb-current{color:#282c3f;font-weight:600}.aggre-order-header-card{background:linear-gradient(135deg,#fc8019,#e8720d);color:#fff;padding:32px;position:relative;overflow:hidden}.aggre-order-header-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:#ffffff1a;border-radius:50%;transform:translate(30px,-30px)}.aggre-order-header-content{display:flex;align-items:flex-start;gap:20px;margin-bottom:28px;position:relative;z-index:2}.aggre-back-button{background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px;border-radius:8px;cursor:pointer;font-size:18px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.aggre-back-button:hover{background:#ffffff40;transform:translateY(-2px)}.aggre-order-basic-info{flex-grow:1;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px}.aggre-order-title-section h1{margin:0 0 8px;font-size:32px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.15);letter-spacing:-.5px}.aggre-order-title{margin:0}.aggre-order-date{margin:0;color:#ffffffe6;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:500}.aggre-order-status-badge-container{flex-shrink:0}.aggre-order-status-badge{padding:10px 18px;border-radius:25px;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;gap:8px;white-space:nowrap;background:#fff3;border:1px solid rgba(255,255,255,.3)}.aggre-status-icon{font-size:16px}.aggre-status-text{font-weight:700}.aggre-status-progress-section{margin-top:28px;position:relative;z-index:2}.aggre-progress-info h3{margin:0 0 8px;font-size:20px;font-weight:700;letter-spacing:-.3px}.aggre-progress-info p{margin:0 0 16px;color:#ffffffe6;font-size:15px;font-weight:500}.aggre-progress-bar-container{width:100%;height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin-bottom:12px;box-shadow:inset 0 2px 4px #0000001a}.aggre-progress-bar-fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1);background:linear-gradient(90deg,#fff,#f0f0f0)}.aggre-progress-percentage{text-align:right;font-size:13px;color:#fffc;font-weight:600}.aggre-order-timeline-card{background:#fff;margin:0;padding:32px;border-bottom:1px solid #f0f0f5}.aggre-timeline-title{margin:0 0 28px;font-size:24px;font-weight:700;color:#282c3f;display:flex;align-items:center;gap:12px;letter-spacing:-.5px}.aggre-order-timeline{position:relative}.aggre-timeline-item{display:flex;margin-bottom:28px;position:relative}.aggre-timeline-item:last-child{margin-bottom:0}.aggre-timeline-marker{position:relative;margin-right:24px;z-index:2}.aggre-timeline-dot{width:16px;height:16px;border-radius:50%;background:#f0f0f5;border:3px solid #f0f0f5;position:relative;transition:all .4s ease}.aggre-timeline-item.aggre-timeline-completed .aggre-timeline-dot{background:#60b246;border-color:#60b246;transform:scale(1.1)}.aggre-timeline-item.aggre-timeline-current .aggre-timeline-dot{background:#fc8019;border-color:#fc8019;animation:aggre-pulse-swiggy 2s infinite;transform:scale(1.2)}@keyframes aggre-pulse-swiggy{0%,to{transform:scale(1.2);box-shadow:0 0 #fc8019b3}50%{transform:scale(1.3);box-shadow:0 0 0 12px #fc801900}}.aggre-timeline-item:before{content:"";position:absolute;left:7px;top:24px;bottom:-28px;width:2px;background:#f0f0f5;z-index:1;transition:background .4s ease}.aggre-timeline-item:last-child:before{display:none}.aggre-timeline-item.aggre-timeline-completed:before{background:#60b246}.aggre-timeline-content{flex-grow:1;padding-top:-4px}.aggre-timeline-status-name{font-weight:700;color:#282c3f;margin-bottom:6px;font-size:18px;letter-spacing:-.3px}.aggre-timeline-item.aggre-timeline-current .aggre-timeline-status-name{color:#fc8019}.aggre-timeline-item.aggre-timeline-completed .aggre-timeline-status-name{color:#60b246}.aggre-timeline-timestamp{font-size:14px;color:#7e808c;font-weight:500}.aggre-order-main-grid{display:grid;grid-template-columns:1fr 380px;gap:0}.aggre-order-main-content{display:flex;flex-direction:column}.aggre-order-sidebar{display:flex;flex-direction:column;background:#fafbfc;border-left:1px solid #f0f0f5}.aggre-order-items-card,.aggre-delivery-info-card,.aggre-supplier-info-card{background:#fff;padding:32px;border-bottom:1px solid #f0f0f5}.aggre-order-summary-card,.aggre-order-actions-card,.aggre-help-support-card{background:#fafbfc;padding:24px;border-bottom:1px solid #e9e9ef}.aggre-section-title{font-size:22px;font-weight:700;color:#282c3f;margin:0 0 24px;display:flex;align-items:center;gap:12px;letter-spacing:-.4px}.aggre-order-items-list{display:flex;flex-direction:column;gap:20px}.aggre-order-item{display:flex;gap:20px;padding:20px;background:#fafbfc;border-radius:12px;border:1px solid #e9e9ef;transition:all .3s ease}.aggre-order-item:hover{background:#f7f8fc;border-color:#fc8019;transform:translateY(-2px);box-shadow:0 8px 24px #fc80191a}.aggre-item-image-container{width:90px;height:90px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#f0f0f5;border:1px solid #e9e9ef}.aggre-item-image{width:100%;height:100%;object-fit:cover}.aggre-item-details{flex-grow:1}.aggre-item-name{font-size:20px;font-weight:700;color:#282c3f;margin:0 0 8px;letter-spacing:-.3px}.aggre-item-specs{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.aggre-item-quantity{color:#fc8019;font-weight:700;font-size:15px}.aggre-item-unit-price{color:#7e808c;font-size:15px;font-weight:500}.aggre-item-category{background:#fff4e6;color:#fc8019;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:700;display:inline-block;margin-top:8px;text-transform:uppercase;letter-spacing:.5px}.aggre-item-total-price{text-align:right;flex-shrink:0;font-size:20px;font-weight:700;color:#282c3f}.aggre-delivery-details{display:flex;flex-direction:column;gap:24px}.aggre-delivery-address{background:#fff7f0;padding:24px;border-radius:12px;border-left:4px solid #fc8019}.aggre-address-title,.aggre-delivery-title,.aggre-tracking-title{font-size:18px;font-weight:700;color:#282c3f;margin:0 0 12px;display:flex;align-items:center;gap:10px;letter-spacing:-.3px}.aggre-address-content{margin-top:12px}.aggre-address-name{font-weight:700;color:#282c3f;margin-bottom:6px;font-size:16px}.aggre-address-line{color:#7e808c;margin-bottom:6px;line-height:1.5;font-size:15px}.aggre-address-location{color:#7e808c;margin-bottom:12px;font-size:15px}.aggre-address-phone{color:#fc8019;font-weight:700;display:flex;align-items:center;gap:8px;font-size:15px}.aggre-address-unavailable{color:#93959f;font-style:italic}.aggre-expected-delivery{background:#f0fdf4;padding:20px;border-radius:12px;border-left:4px solid #60b246}.aggre-delivery-date{color:#60b246;font-weight:700;font-size:18px}.aggre-tracking-info{background:#fff7f0;padding:20px;border-radius:12px;border-left:4px solid #fc8019}.aggre-tracking-number{font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#fff;padding:12px 16px;border-radius:8px;border:1px solid #e9e9ef;font-size:15px;font-weight:700;color:#282c3f;letter-spacing:1px}.aggre-supplier-details{display:flex;flex-direction:column;gap:20px}.aggre-supplier-name{display:flex;align-items:center;gap:16px;padding:20px;background:#f0fdf4;border-radius:12px;border-left:4px solid #60b246}.aggre-supplier-name h4{margin:0;color:#282c3f;font-size:20px;font-weight:700;letter-spacing:-.3px}.aggre-supplier-location,.aggre-supplier-contact,.aggre-supplier-email{padding:16px 20px;background:#fafbfc;border-radius:8px;display:flex;align-items:center;gap:12px;color:#7e808c;font-size:15px;font-weight:500}.aggre-supplier-contact{color:#fc8019;cursor:pointer;transition:all .3s ease;font-weight:600}.aggre-supplier-contact:hover{background:#fff7f0;transform:translateY(-1px)}.aggre-summary-details{display:flex;flex-direction:column;gap:16px}.aggre-summary-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:16px;color:#282c3f;font-weight:500}.aggre-summary-row.total{border-top:2px solid #e9e9ef;padding-top:20px;margin-top:12px;font-size:22px;font-weight:700;color:#282c3f}.aggre-summary-divider{height:1px;background:#e9e9ef;margin:20px 0}.aggre-payment-method-row,.aggre-payment-status-row,.aggre-advance-payment,.aggre-remaining-payment{display:flex;justify-content:space-between;align-items:center;padding:14px 0;font-size:16px}.aggre-payment-label{font-weight:600;color:#7e808c}.aggre-payment-value{color:#282c3f;font-weight:700}.aggre-payment-status-badge{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.aggre-action-buttons{display:flex;flex-direction:column;gap:12px}.aggre-action-btn{padding:16px 20px;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;width:100%;letter-spacing:-.2px}.aggre-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.aggre-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top:2px solid currentColor;border-radius:50%;animation:aggre-spin-swiggy .8s linear infinite}@keyframes aggre-spin-swiggy{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.aggre-btn-primary{background:linear-gradient(135deg,#fc8019,#e8720d);color:#fff;box-shadow:0 4px 12px #fc80194d}.aggre-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#e8720d,#d6650a);transform:translateY(-2px);box-shadow:0 8px 20px #fc801966}.aggre-btn-secondary{background:#7e808c;color:#fff;box-shadow:0 4px 12px #7e808c4d}.aggre-btn-secondary:hover:not(:disabled){background:#6b6d78;transform:translateY(-2px);box-shadow:0 8px 20px #7e808c66}.aggre-btn-outline{background:transparent;color:#fc8019;border:2px solid #fc8019}.aggre-btn-outline:hover:not(:disabled){background:#fc8019;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #fc80194d}.aggre-support-content{text-align:center}.aggre-support-content p{color:#7e808c;margin-bottom:24px;font-size:16px;line-height:1.5}.aggre-support-buttons{display:flex;flex-direction:column;gap:12px}.aggre-support-btn{padding:16px 20px;border-radius:10px;text-decoration:none;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:linear-gradient(135deg,#fc8019,#e8720d);color:#fff;font-size:16px;box-shadow:0 4px 12px #fc80194d}.aggre-support-btn:hover{background:linear-gradient(135deg,#e8720d,#d6650a);transform:translateY(-2px);box-shadow:0 8px 20px #fc801966}.aggre-support-btn.aggre-btn-outline{background:transparent;color:#fc8019;border:2px solid #fc8019;box-shadow:none}.aggre-support-btn.aggre-btn-outline:hover{background:#fc8019;color:#fff;box-shadow:0 8px 20px #fc80194d}@media (max-width: 1024px){.aggre-order-main-grid{grid-template-columns:1fr}.aggre-order-sidebar{border-left:none;border-top:1px solid #f0f0f5}}@media (max-width: 768px){.aggre-order-detail-container{padding:90px 15px 15px}.aggre-order-breadcrumb{padding:15px 20px}.aggre-order-header-card{padding:24px}.aggre-order-header-content,.aggre-order-basic-info{flex-direction:column;gap:15px}.aggre-order-title-section h1{font-size:26px}.aggre-order-items-card,.aggre-delivery-info-card,.aggre-supplier-info-card{padding:24px 20px}.aggre-order-summary-card,.aggre-order-actions-card,.aggre-help-support-card{padding:20px}.aggre-order-item{flex-direction:column;text-align:center;gap:15px}.aggre-item-image-container{width:100%;height:200px;align-self:center}.aggre-item-total-price{text-align:center}.aggre-timeline-item{margin-bottom:24px}.aggre-timeline-marker{margin-right:18px}}@media (max-width: 480px){.aggre-order-title-section h1{font-size:22px}.aggre-section-title{font-size:20px}.aggre-order-items-card,.aggre-delivery-info-card,.aggre-supplier-info-card{padding:20px 15px}.aggre-order-summary-card,.aggre-order-actions-card,.aggre-help-support-card{padding:16px}}@media print{.aggre-order-detail-container{background:#fff;padding:0}.aggre-back-button,.aggre-order-actions-card,.aggre-help-support-card{display:none}.aggre-order-wrapper{box-shadow:none}.aggre-order-items-card,.aggre-delivery-info-card,.aggre-supplier-info-card,.aggre-order-summary-card{box-shadow:none;border:1px solid #ddd}}.aggre-btn:focus,.aggre-cancellation-reason:focus,.aggre-review-text:focus{outline:2px solid #fc8019;outline-offset:2px}.aggre-star:focus{outline:2px solid #ffc107;outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.aggre-cooling-alert,.aggre-coin-icon{animation:none}}.add-review-modal{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.close-btn:hover{background:#f0f0f0;color:#333}.review-form{padding:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.star-rating{display:flex;gap:4px;margin-bottom:.5rem}.star-rating .star{background:none;border:none;font-size:2rem;cursor:pointer;color:#ddd;transition:color .2s ease;padding:0}.star-rating .star:hover,.star-rating .star.filled{color:#ffc107}.rating-text{font-size:.9rem;color:#666;font-style:italic;margin-top:.25rem}.review-form textarea{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:.9rem;resize:vertical;min-height:100px;transition:border-color .2s ease}.review-form textarea:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b351a}.review-form textarea.error{border-color:#dc3545}.character-count{text-align:right;font-size:.8rem;color:#666;margin-top:.25rem}.error-message{color:#dc3545;font-size:.85rem;margin-top:.25rem;display:block}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e0e0e0}.btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.btn-secondary:hover:not(:disabled){background:#e2e6ea;border-color:#dae0e5}.btn-primary{background:#ff6b35;color:#fff}.btn-primary:hover:not(:disabled){background:#e55a2b}@media (max-width: 480px){.add-review-modal{margin:.5rem;max-width:none}.modal-header,.review-form{padding:1rem}.modal-actions{flex-direction:column}.star-rating .star{font-size:1.75rem}}.review-section{margin-top:2rem;padding:1.5rem 0;border-top:1px solid #e0e0e0}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.review-header h3{margin:0;font-size:1.5rem;color:#333}.add-review-btn{padding:.5rem 1rem;font-size:.9rem}.review-summary{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:8px}.overall-rating{text-align:center}.rating-score{display:flex;flex-direction:column;align-items:center;gap:.5rem}.rating-score .score{font-size:2.5rem;font-weight:700;color:#ff6b35}.rating-count{font-size:.9rem;color:#666;margin-top:.5rem}.rating-distribution{display:flex;flex-direction:column;gap:.5rem}.rating-bar{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.rating-label{width:40px;color:#666}.bar-container{flex:1;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:#ff6b35;transition:width .3s ease}.rating-bar .rating-count{width:30px;text-align:right;color:#666;margin:0}.stars{display:flex;gap:2px}.stars.small .star{font-size:1rem}.stars.large .star{font-size:1.5rem}.star{color:#ddd;transition:color .2s ease}.star.filled{color:#ffc107}.review-filters{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}.review-filters label{font-weight:500;color:#333}.rating-filter{padding:.25rem .5rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem}.reviews-list{display:flex;flex-direction:column;gap:1.5rem}.review-item{padding:1rem;border:1px solid #e0e0e0;border-radius:8px;background:#fff}.review-item .review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.reviewer-info{display:flex;flex-direction:column;gap:.25rem}.reviewer-name{font-weight:500;color:#333;display:flex;align-items:center;gap:.5rem}.verified-badge{background:#28a745;color:#fff;font-size:.75rem;padding:.1rem .3rem;border-radius:3px;display:flex;align-items:center;gap:.2rem}.review-date{font-size:.85rem;color:#666}.review-rating{display:flex;align-items:center}.review-comment{margin-bottom:.75rem;line-height:1.5;color:#333}.review-images{display:flex;gap:.5rem;margin-bottom:.75rem}.review-image{width:80px;height:80px;object-fit:cover;border-radius:4px;border:1px solid #e0e0e0}.review-helpful{font-size:.85rem;color:#666;font-style:italic}.no-reviews,.no-reviews-yet{text-align:center;padding:2rem;color:#666}.no-reviews-yet{background:#f8f9fa;border-radius:8px}.no-reviews-icon{font-size:3rem;margin-bottom:1rem}.no-reviews-yet h4{margin:0 0 .5rem;color:#333}.no-reviews-yet p{margin:0 0 1rem}.review-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e0e0e0}.pagination-btn{padding:.5rem 1rem;border:1px solid #ccc;background:#fff;border-radius:4px;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f0f0f0}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.9rem;color:#666}.error-message{color:#dc3545;font-style:italic;text-align:center;padding:1rem}@media (max-width: 768px){.review-summary{grid-template-columns:1fr;gap:1rem}.review-header{flex-direction:column;align-items:flex-start;gap:1rem}.review-item .review-header,.review-pagination{flex-direction:column;gap:.5rem}}.swiggy-product-detail{min-height:100vh;background:#f8f9fa;padding-top:80px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.swiggy-container{max-width:1200px;margin:0 auto;padding:0 20px 20px}.swiggy-product-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.loading-container{text-align:center;background:#fff;padding:60px 40px;border-radius:12px;box-shadow:0 4px 16px #00000014}.loading-container h3{color:#282c3f;margin-bottom:8px;font-size:24px;font-weight:600}.loading-container p{color:#7e808c;margin:0;font-size:16px}.swiggy-product-error{display:flex;align-items:center;justify-content:center;min-height:60vh}.error-container{text-align:center;background:#fff;padding:60px 40px;border-radius:12px;box-shadow:0 4px 16px #00000014;max-width:500px}.error-icon{font-size:64px;margin-bottom:20px}.error-container h2{color:#282c3f;margin-bottom:12px;font-size:28px;font-weight:600}.error-container p{color:#7e808c;margin-bottom:24px;font-size:16px;line-height:1.5}.swiggy-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px;padding:12px 0}.breadcrumb-link{display:flex;align-items:center;gap:6px;background:none;border:none;color:#7e808c;font-size:14px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}.breadcrumb-link:hover{color:#fc8019;background:#fc80191a}.breadcrumb-icon{font-size:14px}.breadcrumb-separator{color:#bbb;font-size:14px}.breadcrumb-current{color:#282c3f;font-weight:600;font-size:14px}.swiggy-product-main{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#fff;border-radius:12px;padding:32px;margin-bottom:24px;box-shadow:0 2px 8px #0000000a;border:1px solid #e8e8e8}.swiggy-product-images{position:relative}.main-image-container{position:relative;width:100%;height:400px;border-radius:12px;overflow:hidden;background:#f8f9fa;border:1px solid #e8e8e8;margin-bottom:16px}.main-image{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .3s ease}.main-image:hover{transform:scale(1.05)}.no-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#7e808c;background:#f8f9fa}.placeholder-icon{font-size:48px;margin-bottom:12px;opacity:.5}.zoom-indicator{position:absolute;bottom:12px;right:12px;background:#000000b3;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;display:flex;align-items:center;gap:6px;opacity:0;transition:opacity .2s ease}.main-image-container:hover .zoom-indicator{opacity:1}.zoom-icon{font-size:14px}.thumbnail-container{display:flex;gap:12px;overflow-x:auto;padding:4px 0}.thumbnail{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all .2s ease;background:none;padding:0}.thumbnail:hover{border-color:#fc8019;transform:translateY(-2px)}.thumbnail.active{border-color:#fc8019;box-shadow:0 4px 12px #fc80194d}.thumbnail img{width:100%;height:100%;object-fit:cover}.swiggy-product-info{display:flex;flex-direction:column;gap:24px}.product-header{border-bottom:1px solid #f0f0f0;padding-bottom:20px}.product-category{display:flex;gap:8px;margin-bottom:12px}.category-badge,.subcategory-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.category-badge{background:linear-gradient(135deg,#fc8019,#ff6b35);color:#fff}.subcategory-badge{background:#f8f9fa;color:#7e808c;border:1px solid #e8e8e8}.product-title{font-size:32px;font-weight:700;color:#282c3f;margin:0 0 16px;line-height:1.2}.product-rating{display:flex;align-items:center;gap:12px;margin-bottom:12px}.rating-stars{display:flex;gap:2px}.star{font-size:16px;color:#ffc107}.star.empty{color:#e0e0e0}.star.half{background:linear-gradient(90deg,#ffc107 50%,#e0e0e0 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.rating-info{display:flex;align-items:center;gap:8px;font-size:14px}.rating-value{font-weight:700;color:#282c3f}.rating-count{color:#7e808c}.product-brand{display:flex;align-items:center;gap:8px;font-size:14px}.brand-label{color:#7e808c}.brand-name{color:#282c3f;font-weight:600}.swiggy-price-section{background:linear-gradient(135deg,#f8f9fa,#fff);padding:20px;border-radius:12px;border:1px solid #e8e8e8}.price-main{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.current-price{font-size:36px;font-weight:800;color:#00a652;line-height:1}.price-unit{font-size:18px;color:#7e808c;font-weight:500}.price-details{display:flex;flex-direction:column;gap:4px}.gst-info,.min-order{font-size:14px;color:#7e808c}.min-order{font-weight:600;color:#fc8019}.swiggy-stock-section{display:flex;flex-direction:column;gap:12px}.stock-status{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;font-weight:600;font-size:14px}.stock-status.in-stock{background:#e8f5e8;color:#00a652;border:1px solid #00a652}.stock-status.out-of-stock{background:#ffebe6;color:#e23744;border:1px solid #e23744}.status-icon{font-size:16px}.delivery-info{display:flex;align-items:center;gap:8px;font-size:14px;color:#7e808c;padding:8px 0}.delivery-icon{font-size:16px}.swiggy-quantity-section{display:flex;flex-direction:column;gap:12px}.quantity-label{font-size:16px;font-weight:600;color:#282c3f}.quantity-controls{display:flex;align-items:center;gap:16px;background:#f8f9fa;padding:8px 16px;border-radius:8px;border:1px solid #e8e8e8;width:fit-content}.quantity-btn{width:32px;height:32px;border:none;background:#fc8019;color:#fff;border-radius:50%;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.quantity-btn:hover:not(:disabled){background:#e67300;transform:scale(1.1)}.quantity-btn:disabled{background:#e0e0e0;color:#999;cursor:not-allowed}.quantity-value{font-size:16px;font-weight:600;color:#282c3f;min-width:80px;text-align:center}.quantity-info{font-size:12px;color:#7e808c}.swiggy-action-buttons{display:flex;gap:16px;padding-top:8px}.swiggy-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;border-radius:8px;font-size:16px;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;min-width:140px;position:relative;overflow:hidden}.swiggy-btn-primary{background:linear-gradient(135deg,#fc8019,#ff6b35);color:#fff;box-shadow:0 4px 12px #fc80194d}.swiggy-btn-primary:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 6px 16px #fc801966}.swiggy-btn-outline{background:#fff;color:#fc8019;border:2px solid #fc8019}.swiggy-btn-outline.wishlisted{background:#ffebe6;border-color:#e23744;color:#e23744}.swiggy-btn.disabled{background:#e0e0e0;color:#999;cursor:not-allowed;box-shadow:none}.btn-icon{font-size:18px}.swiggy-supplier-info{background:#f8f9fa;padding:20px;border-radius:12px;border:1px solid #e8e8e8}.supplier-title{font-size:16px;font-weight:600;color:#282c3f;margin:0 0 12px}.supplier-card{display:flex;align-items:center;gap:12px}.supplier-icon{font-size:24px;width:48px;height:48px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #e8e8e8}.supplier-name{font-size:16px;font-weight:600;color:#282c3f;margin-bottom:4px}.supplier-stats{display:flex;gap:16px;font-size:14px;color:#7e808c}.supplier-notice{display:flex;align-items:center;gap:8px;padding:16px 20px;background:#fff3e0;color:#ff6b35;border-radius:8px;border:1px solid #ff6b35;font-weight:600}.notice-icon{font-size:18px}.swiggy-product-tabs{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000a;border:1px solid #e8e8e8}.tab-navigation{display:flex;background:#f8f9fa;border-bottom:1px solid #e8e8e8}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;background:none;border:none;font-size:16px;font-weight:600;color:#7e808c;cursor:pointer;transition:all .2s ease;position:relative}.tab-btn.active{background:#fff;color:#fc8019;border-bottom:3px solid #fc8019}.tab-icon{font-size:18px}.tab-content{padding:32px}.overview-content{display:flex;flex-direction:column;gap:32px}.product-description h3,.product-highlights h3{font-size:20px;font-weight:700;color:#282c3f;margin:0 0 16px}.product-description p{font-size:16px;line-height:1.6;color:#555}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.highlight-item{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e8e8e8}.highlight-icon{font-size:24px;width:40px;height:40px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #e8e8e8}.highlight-content{display:flex;flex-direction:column;gap:4px}.highlight-content strong{font-size:14px;color:#282c3f;font-weight:600}.highlight-content span{font-size:14px;color:#7e808c}.specifications-content h3{font-size:20px;font-weight:700;color:#282c3f;margin:0 0 20px}.specs-table{display:flex;flex-direction:column;gap:1px;background:#e8e8e8;border-radius:8px;overflow:hidden}.spec-row{display:flex;background:#fff;padding:16px 20px}.spec-label{flex:1;font-weight:600;color:#282c3f}.spec-value{flex:2;color:#555}.no-specs{text-align:center;padding:40px 20px;color:#7e808c}.no-specs-icon{font-size:48px;margin-bottom:16px;opacity:.5}.swiggy-image-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:12px;overflow:hidden}.modal-close{position:absolute;top:16px;right:16px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center}.modal-image{width:100%;height:auto;max-height:80vh;object-fit:contain}.modal-navigation{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;background:#000000b3;color:#fff;padding:12px 20px;border-radius:20px}.nav-btn{background:#fff3;color:#fff;border:none;border-radius:50%;width:36px;height:36px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.nav-btn:hover{background:#ffffff4d}.image-counter{font-size:14px;font-weight:600}@media (max-width: 1024px){.swiggy-product-main{grid-template-columns:1fr;gap:24px}.highlights-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.swiggy-container{padding:12px}.swiggy-product-main{padding:20px}.product-title{font-size:24px}.current-price{font-size:28px}.price-unit{font-size:16px}.swiggy-action-buttons{flex-direction:column}.swiggy-btn{width:100%}.tab-navigation{flex-direction:column}.tab-btn{padding:12px 16px}.tab-content{padding:20px}.highlights-grid{grid-template-columns:1fr}.spec-row{flex-direction:column;gap:8px}}@media (max-width: 480px){.breadcrumb-link span{display:none}.breadcrumb-icon{display:inline-block}.product-category{flex-direction:column;align-items:flex-start}.product-rating{flex-direction:column;align-items:flex-start;gap:8px}.thumbnail-container{justify-content:center}.quantity-controls{width:100%;justify-content:space-between}.supplier-stats{flex-direction:column;gap:8px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tab-content>*{animation:fadeIn .3s ease-out}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.swiggy-btn:focus,.tab-btn:focus,.breadcrumb-link:focus,.quantity-btn:focus,.thumbnail:focus{outline:2px solid #fc8019;outline-offset:2px}.auth-container-forgot{min-height:100vh;background:#f8f9fa;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.auth-card-forgot{background:#fff;border-radius:12px;padding:2.5rem;max-width:400px;width:100%;box-shadow:0 0 0 1px #0000000d,0 10px 15px -3px #0000001a;border:1px solid rgba(226,232,240,.6);text-align:center;animation:fadeInUp .5s ease-out}.authentication-card-forgot{background:#fff;border-radius:12px;padding:2.5rem;max-width:400px;width:100%;box-shadow:0 0 0 1px #0000000d,0 10px 15px -3px #0000001a;border:1px solid rgba(226,232,240,.6);animation:fadeInUp .5s ease-out}.auth-header-forgot{text-align:center;margin-bottom:2rem}.auth-header-forgot h1{font-size:1.875rem;font-weight:700;color:#2d3748;margin:0 0 .5rem;line-height:1.2;letter-spacing:-.025em;font-family:Inter,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11"}.auth-header-forgot p{color:#718096;font-size:1rem;margin:0;line-height:1.5;font-weight:400}.success-message-forgot{background:#f0fff4;border:1px solid #9ae6b4;border-radius:8px;padding:2rem 1.5rem;margin-bottom:2rem;text-align:center}.success-icon-forgot{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:#08bd80;color:#fff;border-radius:50%;font-size:1.5rem;font-weight:700;margin-bottom:1rem;animation:successPulse .6s ease-out}.success-message-forgot p{color:#22543d;font-size:1rem;margin:0;font-weight:500}.auth-form{margin-bottom:1.5rem}.form-group-forgot{margin-bottom:1.25rem}.form-group-forgot label{display:block;margin-bottom:.5rem;font-weight:500;color:#2d3748;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.form-group-forgot input{width:100%;padding:.875rem 1rem;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;background:#fff;transition:all .2s ease;color:#2d3748;font-weight:400}.form-group-forgot input:focus{outline:none;border-color:#08bd80;box-shadow:0 0 0 3px #08bd801a}.form-group-forgot input::placeholder{color:#a0aec0;font-weight:400}.form-group-forgot input:invalid{border-color:#e53e3e}.btn-forgot{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap;letter-spacing:.025em}.btn-forgot:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-full-forgot{width:100%;margin-bottom:.75rem}.btn-primary-forgot{background:#08bd80;color:#fff;border-color:#08bd80;font-weight:600}.btn-primary-forgot:hover:not(:disabled){background:#065f46;border-color:#065f46;transform:translateY(-1px);box-shadow:0 4px 12px #08bd8040}.btn-primary-forgot:active{transform:translateY(0)}.btn-secondary-forgot{background:#fff;color:#4a5568;border:1px solid #e2e8f0;font-weight:500}.btn-secondary-forgot:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap;letter-spacing:.025em}.btn-primary{background:#08bd80;color:#fff;border-color:#08bd80;font-weight:600}.btn-primary:hover:not(:disabled){background:#065f46;border-color:#065f46;transform:translateY(-1px);box-shadow:0 4px 12px #08bd8040}.auth-footer-forgot{text-align:center;color:#718096;font-size:.875rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.auth-footer-forgot p{margin:0;color:#718096}.auth-link-forgot{color:#08bd80;text-decoration:none;font-weight:500;transition:color .2s ease}.auth-link-forgot:hover{color:#065f46;text-decoration:none}@keyframes successPulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.btn-forgot:disabled{background:#a0aec0;border-color:#a0aec0;color:#fff}.btn-secondary-forgot:disabled{background:#f7fafc;border-color:#e2e8f0;color:#a0aec0}@media (max-width: 768px){.auth-container-forgot{padding:2rem 1rem 1rem}.auth-card-forgot,.authentication-card-forgot{padding:2rem 1.5rem;max-width:100%}.auth-header-forgot h1{font-size:1.625rem}.auth-header-forgot p{font-size:.875rem}.success-message-forgot{padding:1.5rem 1rem}}@media (max-width: 480px){.auth-container-forgot{padding:1rem .75rem}.auth-card-forgot,.authentication-card-forgot{padding:1.5rem 1rem;border-radius:8px}.auth-header-forgot h1{font-size:1.5rem}.auth-header-forgot p{font-size:.8rem}.form-group-forgot input{padding:.75rem;font-size:.9rem}.btn-forgot{padding:.75rem 1rem;font-size:.875rem}.success-icon-forgot{width:2.5rem;height:2.5rem;font-size:1.25rem}}.btn-forgot:focus,.form-group-forgot input:focus,.auth-link-forgot:focus{outline:2px solid #08bd80;outline-offset:2px}.authentication-card-forgot:hover,.auth-card-forgot:hover{box-shadow:0 0 0 1px #0000000d,0 20px 25px -5px #0000001a;transition:box-shadow .3s ease}.form-group-forgot input:valid{border-color:#08bd80}.form-group-forgot input:invalid:not(:focus):not(:placeholder-shown){border-color:#e53e3e;background:#fed7d7}.auth-form{animation:fadeInUp .4s ease-out}.auth-header-forgot,.success-message-forgot,.auth-footer-forgot{animation:fadeInUp .5s ease-out .1s both}.btn-forgot:disabled:before{content:"";width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}.form-group-forgot input[name=otp]{text-align:center;font-size:1.25rem;letter-spacing:.2rem;font-weight:600}.form-group-forgot input[type=password]{font-family:monospace}.success-message-forgot{position:relative;overflow:hidden}.success-message-forgot:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#08bd80,transparent);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.supplier-orders-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding-top:80px}.supplier-page-header{border-radius:1rem;color:#fff;margin-bottom:2rem;box-shadow:0 4px 20px #ff6b354d}.supplier-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:2rem}.supplier-header-text h1{font-size:2.2rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.supplier-header-text p{font-size:1.1rem;opacity:.9;margin:0}.supplier-refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(90deg,var(--stat-color, #ff6b35),var(--stat-color-light, #f7931e));border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#000;font-weight:500;cursor:pointer;transition:all .3s ease}.supplier-refresh-btn:hover{box-shadow:0 0 20px 2px #ff6b3572;transform:translateY(-2px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--stat-color, #ff6b35),var(--stat-color-light, #f7931e))}.stat-card.total{--stat-color: #ff6b35;--stat-color-light: #f7931e}.stat-card.pending{--stat-color: #ffc107;--stat-color-light: #ffe082}.stat-card.processing{--stat-color: #2196f3;--stat-color-light: #90caf9}.stat-card.delivered{--stat-color: #4caf50;--stat-color-light: #a5d6a7}.stat-card{display:flex;align-items:center;gap:1rem}.stat-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--stat-color),var(--stat-color-light));display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-value{font-size:2rem;font-weight:700;color:#1a202c;line-height:1;margin-bottom:.25rem}.stat-label{font-size:.9rem;color:#6b7280;font-weight:500}.order-filters-section{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-filter,.status-filter{width:49%;display:flex;align-items:center;gap:.5rem;background:#fff;border-radius:12px;padding:.75rem 1rem;box-shadow:0 2px 8px #00000014;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}.search-filter:focus-within,.status-filter:focus-within{box-shadow:0 4px 20px #ff6b3526;border-color:#ff6b35}.supplier-status-select{font-size:1rem;padding:10px}.order-search-input,.status-select{border:none;outline:none;background:transparent;font-size:.9rem;color:#374151;min-width:200px}.order-search-input::placeholder{color:#9ca3af}.orders-container{margin-bottom:2rem}.orders-list{display:flex;flex-direction:column;gap:2rem}.orders-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.order-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05);transition:all .3s ease;position:relative;overflow:hidden}.order-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000026}.order-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.order-id-show{border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;background:#e5e7eb;display:flex;flex-direction:column;align-items:center;padding:2px 8px}.order-number{font-size:1.1rem;font-weight:700;color:#1a202c}.order-date{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#6b7280}.order-status-show{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:50px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.customer-order-content{display:flex;gap:2rem}.customer-order-details{width:70%;display:flex;flex-direction:column;gap:1rem}.customer-pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(47%,1fr));gap:1rem}.customer-section{border-radius:1rem;background-color:#fff;box-shadow:0 0 10px 1px #0000001a;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem;padding:1rem 1.5rem}.customer-section h4{margin:0}.customer-name{font-size:1rem;font-weight:600;color:#1a202c;margin-bottom:.5rem}.pricing-section{border-radius:1rem;background-color:#fff;box-shadow:0 0 10px 1px #0000001a;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem;padding:1rem 1.5rem}.pricing-section h4{margin:0}.pricing-breakdown{width:100%;border-radius:.5rem;background:#f9fafb;padding:.5rem 1rem}.customer-details{display:flex;flex-direction:column;gap:.25rem}.customer-contact{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem;color:#6b7280}.customer-info-sec{align-items:flex-start;background:#f9fafb;padding:15px;border-radius:8px}.customer-detail{display:flex;justify-content:flex-start;align-items:center}.customer-address-section{margin-bottom:0;border-left:4px solid var(--primary-500);border-radius:1rem;background:var(--gray-50);padding:1.5rem;padding-top:0}.customer-address-section h4{margin:1.5rem 0}.order-pay-details{width:30%}.order-summary{margin-bottom:1rem}.order-items{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f8f9fa;border-radius:8px}.items-count{font-size:.9rem;color:#6b7280;font-weight:500}.order-amount{font-size:1.1rem;font-weight:700;color:#ff6b35}.items-preview{margin-bottom:1rem;padding:.75rem;background:#f8f9fa;border-radius:8px}.item-preview{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:.85rem}.item-name{color:#374151;font-weight:500;flex:1}.item-qty{color:#6b7280;font-size:.8rem}.more-items{text-align:center;font-size:.8rem;color:#6b7280;font-style:italic;margin-top:.5rem}.order-actions{display:flex;gap:.75rem}.btn-view{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;font-weight:500;cursor:pointer;transition:all .3s ease;flex:1;justify-content:center}.btn-view:hover{border-color:#ff6b35;color:#ff6b35;background:#fef3f0}.order-page-hr{border:1px solid rgb(235,235,235);margin:2rem 0}.order-view-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ff6b35;border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;justify-content:center}.order-view-btn:hover{background:#e55a2e;transform:translateY(-1px)}.order-view-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.mark-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ff6b35;border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;justify-content:center}.mark-btn:hover{background:#e55a2e;transform:translateY(-1px)}.no-orders{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.no-orders-icon{font-size:4rem;margin-bottom:1rem}.no-orders h3{font-size:1.5rem;color:#374151;margin-bottom:.5rem}.no-orders p{color:#6b7280;font-size:1rem}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.pagination-btn{padding:.75rem 1.5rem;background:#ff6b35;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#e55a2e;transform:translateY(-1px)}.pagination-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none}.pagination-info{font-size:.9rem;color:#6b7280;font-weight:500}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;color:#1a202c;font-size:1.25rem}.modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .3s ease}.order-detail-sections{display:grid;gap:1.5rem}.detail-section h4{color:#1a202c;margin-bottom:.75rem;font-size:1rem;font-weight:600}.detail-section p{margin:.5rem 0;color:#4b5563;font-size:.9rem}.modal-order-item{padding:.75rem;background:#f8f9fa;border-radius:8px;margin-bottom:.5rem}.modal-order-item p{margin:.25rem 0}@media (max-width: 768px){.supplier-orders-page{padding-top:60px}.header-content{flex-direction:column;text-align:center}.header-title h1{font-size:1.8rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.order-filters-section{flex-direction:column}.order-search-input{min-width:auto;width:100%}.orders-grid{grid-template-columns:1fr;gap:1rem}.order-card{padding:1rem}.order-actions{flex-direction:column}.modal-content{margin:1rem;max-height:90vh}}@media (max-width: 480px){.supplier-page-header{margin-bottom:1rem}.supplier-header-content{margin-top:2rem}.customer-order-content{flex-direction:column}.customer-order-details{width:100%}.customer-pricing{display:flex;flex-direction:column;gap:1rem}.customer-order-content{gap:0}.order-pay-details{width:100%}.supplier-header-text{display:flex;flex-direction:column;justify-content:center;align-items:center}.supplier-header-text p{width:90%;text-align:center}.supplier-refresh-btn{width:100%;font-size:1.1rem;justify-content:center}.search-filter,.status-filter{width:100%}input[type=text].order-search-input{padding:.7rem 0!important}.orders-list{gap:.5rem}.order-id-show{width:100%}.order-status-show{width:100%;justify-content:center}}.order-card,.stat-card{animation:fadeInUp .3s ease-out}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#6b7280}.access-denied{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:2rem auto;max-width:500px}.access-denied h2{color:#dc2626;margin-bottom:1rem}.access-denied p{color:#6b7280}.supplier-address-manager{background:#fff;border-radius:12px;overflow:hidden}.supplier-address-display{padding:1.5rem}.address-form-header{background:linear-gradient(135deg,var(--primary-50),var(--primary-100));padding:1.5rem;border-bottom:1px solid var(--gray-200)}.address-form-header h3{margin:0 0 .5rem;color:var(--primary-700);display:flex;align-items:center;gap:.5rem;font-size:1.25rem}.address-form-header p{margin:0;color:var(--gray-600);font-size:.9rem}.address-form-content{padding:1.5rem}.address-section{margin-bottom:2rem;padding:1.5rem;background:var(--gray-50);border-radius:8px;border-left:4px solid var(--primary-500)}.address-section h3,.address-section h4{margin:0 0 1rem;color:var(--gray-800);display:flex;align-items:center;gap:.5rem;font-size:1.1rem}.address-details{space-y:1rem}.address-item{margin-bottom:1rem}.address-item strong{display:block;color:var(--gray-700);font-weight:600;margin-bottom:.25rem}.address-item p{margin:0;color:var(--gray-600);padding:.5rem;background:#fff;border-radius:4px;border:1px solid var(--gray-200)}.address-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.coordinates-info{margin-top:1rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid var(--gray-200)}.coordinates-valid{color:var(--green-600);display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.coordinates-invalid{color:var(--red-600);display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.coordinates-status{font-size:.8rem;color:var(--green-600);margin-left:.5rem;font-weight:500}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--gray-700)}.form-input{width:100%;padding:.75rem;border:2px solid var(--gray-200);border-radius:8px;font-size:1rem;transition:border-color .3s}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.address-input-container{position:relative}.search-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none}.map-section{margin:2rem 0;padding:1.5rem;background:var(--gray-50);border-radius:8px;border:1px solid var(--gray-200)}.map-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.map-header h4{margin:0;color:var(--gray-800);display:flex;align-items:center;gap:.5rem}.map-container{position:relative;margin-bottom:1rem}.google-map{border:2px solid var(--gray-200);border-radius:8px}.map-loading,.map-error,.map-unavailable,.location-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;background:var(--gray-100);border:2px dashed var(--gray-300);border-radius:8px;color:var(--gray-600);gap:1rem}.map-error,.location-error{color:var(--red-600);border-color:var(--red-300);background:var(--red-50)}.coordinates-display{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--green-50);border:1px solid var(--green-200);border-radius:6px;color:var(--green-700);font-weight:500;margin-bottom:1rem}.map-instructions{background:var(--blue-50);border:1px solid var(--blue-200);border-radius:6px;padding:1rem;color:var(--blue-800)}.map-instructions p{margin:0 0 .5rem;font-weight:600}.map-instructions ul{margin:0;padding-left:1.5rem}.map-instructions li{margin-bottom:.25rem;color:var(--blue-700)}.form-actions{display:flex;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--gray-200);justify-content:flex-end}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-size:.9rem}.btn-primary{background:var(--primary-600);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-700);transform:translateY(-1px)}.btn-secondaries{position:relative;left:40px;height:40px;background:var(--gray-200);color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background:var(--gray-300)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.address-form-content{padding:1rem}.form-row{grid-template-columns:1fr}.map-header,.section-header{flex-direction:column;gap:1rem;align-items:stretch}.form-actions{flex-direction:column}.coordinates-display{font-size:.8rem}}@media (max-width: 480px){.address-section,.address-form-header,.map-section{padding:1rem}}.profile-toggle-container{max-width:800px;margin:0 auto;padding:20px}.profile-status-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:30px;border:1px solid #e0e0e0}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f5f5f5}.status-header h2{margin:0;color:#333;font-size:28px;font-weight:600}.status-badge{padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.status-badge.enabled{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-badge.disabled{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.profile-info{margin-bottom:30px}.company-info h3{margin:0 0 5px;color:#333;font-size:20px}.company-info p{margin:0;color:#666;font-size:14px}.disabled-info{margin-top:15px;padding:15px;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:8px}.disabled-info p{margin:5px 0;color:#856404;font-size:14px}.product-stats{margin-bottom:30px}.product-stats h4{margin:0 0 15px;color:#333;font-size:18px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.stat-item{text-align:center;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.stat-item.hidden{background:#fff3cd;border-color:#ffeeba}.stat-number{display:block;font-size:32px;font-weight:700;color:#007bff;margin-bottom:5px}.stat-item.hidden .stat-number{color:#856404}.stat-label{display:block;font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px}.impact-info{margin-bottom:30px}.warning-message{padding:20px;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:8px}.warning-message h4{margin:0 0 10px;color:#856404;font-size:16px}.warning-message p{margin:0;color:#856404;line-height:1.5}.success-message{padding:20px;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px}.success-message h4{margin:0 0 10px;color:#155724;font-size:16px}.success-message p{margin:0;color:#155724;line-height:1.5}.toggle-actions{text-align:center}.cannot-toggle{text-align:center;padding:20px;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px}.cannot-toggle p{margin:5px 0;color:#721c24}.btn-toggle{padding:12px 30px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:150px}.btn-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-toggle:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover:not(:disabled){background-color:#218838}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.confirmation-modal{background:#fff;border-radius:12px;padding:30px;max-width:500px;width:90%;box-shadow:0 10px 30px #0000004d}.confirmation-modal h3{margin:0 0 15px;color:#333;font-size:20px}.confirmation-modal p{margin:0 0 20px;color:#666;line-height:1.5}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;color:#333;font-weight:500}.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-family:inherit;resize:vertical}.form-group small{color:#666;font-size:12px}.modal-actions{display:flex;gap:15px;justify-content:flex-end}.modal-actions .btn{padding:10px 20px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.profile-toggle-loading,.profile-toggle-error{text-align:center;padding:50px 20px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.spinner.small{width:16px;height:16px;border-width:2px;margin:0 8px 0 0;display:inline-block}@media (max-width: 768px){.profile-toggle-container{padding:15px}.profile-status-card{padding:20px}.status-header{flex-direction:column;gap:15px;text-align:center}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px}.stat-number{font-size:24px}.confirmation-modal{padding:20px}.modal-actions{flex-direction:column}}.supplier-profile-page{min-height:100vh;background-color:var(--gray-50);padding:2rem 1rem}.profile-container{max-width:1200px;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden;padding:0 1rem;margin:0 auto}.profile-header{border-radius:1rem;color:#fff;box-shadow:0 0 20px var(--primary-600);padding:2rem;margin:5rem 0 2rem}.profile-header-content{display:flex;align-items:center;gap:1rem}.profile-avatar{width:100px;height:100px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#00f}.profile-info h1{margin:0;font-size:2rem;font-weight:600}.profile-subtitle{opacity:.9;margin:.5rem 0;font-size:1rem}.profile-status{display:flex;gap:.5rem;margin-top:1rem}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;top:0!important;left:0!important}.status-badge.approved{background:#22c55e33;color:#16a34a}.status-badge.pending{background:#fbbf2433;color:#d97706}.status-badge.active{background:#22c55e33;color:#16a34a}.status-badge.inactive{background:#ef444433;color:#dc2626}.profile-nav{width:100%;display:flex;border-bottom:1px solid var(--gray-200);background:#fff}.profile-content{padding:2rem 0}.tab-header{width:95%;display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;margin-left:1.5rem}.tab-header h2{width:max-content!important;display:flex;align-items:center;gap:.5rem;margin:0;color:var(--gray-900);font-size:1.5rem}.tab-header p{margin:0;color:var(--gray-600);font-size:.9rem}.address-tab-header{width:95%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:2rem;margin-left:1.5rem}.address-tab-header h2{width:max-content!important;display:flex;align-items:center;gap:.5rem;margin:0;color:var(--gray-900);font-size:1.5rem}.address-tab-header p{margin:0;color:var(--gray-600);font-size:.9rem}.profile-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.form-group.col-span-2{grid-column:span 2}.form-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:500;color:var(--gray-700)}.form-input{padding:.75rem;border:2px solid var(--gray-200);border-radius:8px;font-size:1rem;transition:border-color .3s}.form-input:focus{outline:none;border-color:var(--primary-500)}.form-input:disabled{background:var(--gray-50);color:var(--gray-500);cursor:not-allowed}.form-help{margin-top:.25rem;font-size:.8rem;color:var(--gray-500)}.form-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid var(--gray-200)}.address-section{margin-bottom:2rem;padding:1.5rem;background:var(--gray-50);border-radius:8px}.address-section h3{margin:0 0 1rem;color:var(--gray-800);display:flex;align-items:center;gap:.5rem}.ac-settings-content{space-y:2rem;padding:0 1rem}.setting-group{margin-bottom:2rem}.setting-group h3{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--gray-800)}.ac-setting-item{display:flex;align-items:center;margin-bottom:.75rem}.setting-label{width:80%;display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;color:var(--gray-700)}.setting-label input{margin-top:1rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.info-item{padding:1rem;background:var(--gray-50);border-radius:8px;border-left:4px solid var(--primary-500)}.supplier-profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem;color:var(--gray-600)}.loading-spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top:4px solid var(--primary-500);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.tab-header{margin-left:0}.address-section{padding:1.5rem .5rem}.address-tab-header{margin-left:0}.address-tab-header h2{font-size:1.4rem}.address-tab-header p{margin-left:2rem}.supplier-address-display{padding:0}.supplier-profile-page{padding:1rem}.profile-header-content{flex-direction:column;text-align:center}.profile-nav{flex-direction:column}.form-grid{grid-template-columns:1fr}.form-group.col-span-2{grid-column:span 1}.tab-header{flex-direction:column;align-items:flex-start;gap:1rem}.info-grid{grid-template-columns:1fr}.profile-status{justify-content:center}}.profile-edit-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.edit-btn-primary{background:linear-gradient(135deg,#fc8019,#ff6b35);color:#fff}.edit-btn-primary:hover{background:var(--primary-700)}.edit-btn-secondary{background:var(--gray-200);color:var(--gray-700)}.edit-btn-secondary:hover{background:var(--gray-300)}.edit-btn:disabled{opacity:.6;cursor:not-allowed}.transport-rates-manager{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;margin-top:2rem}.transport-rates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.header-info{display:flex;align-items:center;gap:16px}.header-icon{font-size:24px;color:#059669}.header-info h3{margin:0 0 4px;color:#1f2937;font-size:20px;font-weight:600}.header-info p{margin:0;color:#6b7280;font-size:14px}.header-actions,.edit-actions{display:flex;gap:8px}.btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-edit{background:#3b82f6;color:#fff}.btn-edit:hover{background:#2563eb}.btn-save{background:#059669;color:#fff}.btn-save:hover:not(:disabled){background:#047857}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{background:#6b7280;color:#fff}.btn-cancel:hover{background:#4b5563}.btn-calculate{background:#8b5cf6;color:#fff}.btn-calculate:hover{background:#7c3aed}.transport-rates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:32px}.transport-zone-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;border-top:4px solid;transition:all .2s}.transport-zone-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.zone-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.zone-header svg{font-size:18px}.zone-header h4{margin:0;color:#1f2937;font-size:16px;font-weight:600}.zone-fields{display:grid;gap:16px}.field-group{display:flex;flex-direction:column;gap:6px}.field-group label{display:flex;align-items:center;gap:6px;color:#374151;font-size:13px;font-weight:500}.field-group label svg{font-size:12px;color:#6b7280}.field-group input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s}.field-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.field-group input:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.field-group input.error{border-color:#ef4444}.error-text{color:#ef4444;font-size:12px}.zone-summary{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.zone-summary p{margin:0;font-size:12px;color:#6b7280}.cost-calculator-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-bottom:24px}.cost-calculator-section h4{display:flex;align-items:center;gap:10px;margin:0 0 8px;color:#1e293b;font-size:18px;font-weight:600}.cost-calculator-section h4 svg{color:#8b5cf6}.cost-calculator-section>p{margin:0 0 20px;color:#64748b;font-size:14px}.calculator-inputs{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.calc-input-group{display:flex;flex-direction:column;gap:6px;min-width:120px}.calc-input-group label{color:#374151;font-size:13px;font-weight:500}.calc-input-group input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.calculation-result{margin-top:24px;background:#fff;border:1px solid #d1fae5;border-radius:8px;overflow:hidden}.result-header{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#ecfdf5;border-bottom:1px solid #d1fae5}.success-icon{color:#059669;font-size:16px}.result-header h5{margin:0;color:#065f46;font-size:16px;font-weight:600}.result-details{padding:20px;display:grid;gap:12px}.result-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6}.result-item:last-child{border-bottom:none}.result-item.total-cost{font-weight:600;font-size:16px;color:#1f2937;border-top:2px solid #e5e7eb;padding-top:12px;margin-top:8px}.zone-badge{padding:4px 8px;border-radius:4px;color:#fff;font-size:12px;font-weight:500}.transport-rates-help{background:#fffbeb;border:1px solid #fed7aa;border-radius:12px;padding:20px}.help-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.help-header svg{color:#d97706;font-size:18px}.help-header h4{margin:0;color:#92400e;font-size:16px;font-weight:600}.transport-rates-help ul{margin:0;padding-left:20px;color:#78350f}.transport-rates-help li{margin-bottom:6px;font-size:14px;line-height:1.5}.transport-rates-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#6b7280}.transport-rates-loading svg{font-size:24px;margin-bottom:12px}@media (max-width: 768px){.transport-rates-manager{padding:16px;margin-bottom:16px}.transport-rates-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%;justify-content:flex-end}.transport-rates-grid{grid-template-columns:1fr;gap:16px}.calculator-inputs{flex-direction:column;align-items:stretch}.calc-input-group{min-width:auto}.btn-calculate{margin-top:8px}.result-details{padding:16px}}@media (max-width: 480px){.header-info{gap:12px}.header-icon{font-size:20px}.header-info h3{font-size:18px}.transport-zone-card,.cost-calculator-section{padding:16px}}.transport-rates-page{max-width:1200px;margin:0 auto;padding:24px}.trans-page-header{border-radius:1rem;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;margin-top:5rem;margin-bottom:32px;padding:2rem 1rem}.header-navigation{margin-bottom:16px;padding-left:1rem}.back-link{display:inline-flex;align-items:center;gap:8px;color:#6b7280;text-decoration:none;font-size:1rem;transition:color .2s}.back-link:hover{color:#374151}.trans-header-content{display:flex;justify-content:center;align-items:center;gap:20px}.trans-header-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#059669,#10b981);border-radius:16px;color:#fff;font-size:24px}.header-text h1{margin:0 0 8px;color:#1f2937;font-size:32px;font-weight:700}.header-text p{margin:0;color:#6b7280;font-size:16px;line-height:1.5}.page-content{margin-bottom:40px}.transport-info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.info-card h3{margin:0 0 16px;color:#1f2937;font-size:18px;font-weight:600}.info-card ul{margin:0;padding:0 0 0 16px;color:#4b5563}.info-card li{margin-bottom:8px;line-height:1.5}.zone-explanations{display:flex;flex-direction:column;gap:12px}.zone-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f3f4f6}.zone-item:last-child{border-bottom:none}.zone-badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;color:#fff;min-width:60px;text-align:center}.zone-badge.green{background:#22c55e}.zone-badge.blue{background:#3b82f6}.zone-badge.amber{background:#f59e0b}.zone-badge.red{background:#ef4444}.transport-rates-loading-page,.transport-rates-error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.transport-rates-loading-page svg{font-size:24px;margin-bottom:12px;animation:spin 1s linear infinite}.transport-rates-loading-page p,.transport-rates-error-page p{margin-top:16px;color:#6b7280;font-size:16px}.transport-rates-error-page button{margin-top:16px;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer}@media (max-width: 768px){.transport-rates-page{padding:16px}.trans-header-content{align-items:flex-start;gap:16px}.header-navigation{padding-left:0}.trans-header-icon{font-size:1.9rem!important;height:60px;width:90px}.header-text h1{font-size:1.5rem!important}.header-text p{font-size:1rem!important}.transport-info-cards{grid-template-columns:1fr;gap:16px}.info-card{padding:20px}.zone-item{flex-direction:column;align-items:flex-start;gap:8px}}.know-more-management{padding:2rem;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.header-content h1{font-size:2rem;font-weight:700;color:#1a202c;margin:0 0 .5rem}.header-content p{color:#718096;margin:0;font-size:1rem}.btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;transition:all .2s}.btn-refresh:hover{background:#edf2f7;border-color:#cbd5e0}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#3182ce;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;transition:all .2s}.btn-primary:hover{background:#2c5282}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.page-tabs{display:flex;margin-bottom:2rem;border-bottom:1px solid #e2e8f0}.page-tabs .tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;color:#718096;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.page-tabs .tab.active{color:#3182ce;border-bottom-color:#3182ce}.page-tabs .tab:hover{color:#2d3748}.filters-bar{display:flex;gap:1rem;margin-bottom:2rem;align-items:center}.search-box{position:relative;flex:1;max-width:400px}.search-box svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#a0aec0}.search-box input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s}.search-box input:focus{outline:none;border-color:#3182ce}.filter-group{display:flex;gap:1rem}.filter-group select{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer}.filter-group select:focus{outline:none;border-color:#3182ce}.content-area{min-height:400px}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#718096}.loading-state svg,.error-state svg,.empty-state svg{margin-bottom:1rem;color:#a0aec0}.empty-state h3{font-size:1.25rem;color:#4a5568;margin:0 0 .5rem}.empty-state p{margin:0 0 2rem}.spinning{animation:spin 1s linear infinite}.contents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.content-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .2s;box-shadow:0 1px 3px #0000001a}.content-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.content-info h3{font-size:1.125rem;font-weight:600;color:#1a202c;margin:0 0 .5rem;line-height:1.4}.content-info .subtitle{color:#718096;font-size:.875rem;margin:0 0 .75rem;line-height:1.4}.meta-info{display:flex;gap:.5rem;flex-wrap:wrap}.meta-info .category,.meta-info .subcategory{padding:.25rem .5rem;background:#f7fafc;border:1px solid #e2e8f0;border-radius:4px;font-size:.75rem;color:#4a5568;text-transform:capitalize}.status-badge .status{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status.draft{background:#fed7d7;color:#c53030}.status.published{background:#c6f6d5;color:#25855a}.status.archived{background:#e2e8f0;color:#4a5568}.card-stats{display:flex;gap:1rem;margin-bottom:1rem;padding-top:.75rem;border-top:1px solid #f7fafc}.stat{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#718096}.card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.875rem;transition:all .2s}.btn-secondary:hover{background:#edf2f7;border-color:#cbd5e0}.btn-secondary.small{padding:.5rem .75rem;font-size:.875rem}.btn-danger{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fed7d7;border:1px solid #feb2b2;border-radius:6px;color:#c53030;cursor:pointer;font-size:.875rem;transition:all .2s}.btn-danger:hover{background:#fecaca;border-color:#f87171}.btn-danger.small{padding:.5rem .75rem;font-size:.875rem}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:2rem 0}.page-info{color:#718096;font-size:.875rem}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.analytics-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-align:center}.analytics-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.analytics-card .card-header h3{font-size:1rem;color:#4a5568;margin:0}.analytics-card .card-header svg{color:#3182ce}.analytics-card .card-value{font-size:2rem;font-weight:700;color:#1a202c}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-content.large-modal{max-width:800px}.modal-content.preview-modal{max-width:700px}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1a202c}.modal-close{background:none;border:none;cursor:pointer;color:#718096;padding:.5rem;border-radius:6px;transition:all .2s}.modal-close:hover{background:#f7fafc;color:#4a5568}.modal-tabs{display:flex;border-bottom:1px solid #e2e8f0;margin:0 1.5rem}.modal-tabs .tab{padding:.75rem 1rem;background:none;border:none;color:#718096;cursor:pointer;display:flex;align-items:center;gap:.5rem;border-bottom:2px solid transparent;transition:all .2s}.modal-tabs .tab.active{color:#3182ce;border-bottom-color:#3182ce;background:#ebf8ff}.modal-tabs .tab:hover{color:#2d3748;background:#f7fafc}.modal-form{flex:1;overflow-y:auto}.form-content{padding:1.5rem;min-height:400px}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-row .form-group{flex:1}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#4a5568}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.form-group select:disabled{background-color:#f7fafc;color:#a0aec0;cursor:not-allowed}.field-help{font-size:.875rem;color:#718096;margin-top:.25rem;display:block}.form-group input:focus+.field-help,.form-group textarea:focus+.field-help{color:#3182ce}.specifications-section{margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e2e8f0}.section-header h4{margin:0;color:#2d3748;font-size:1.1rem}.specification-row{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1rem;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.specification-row .form-group{flex:1;margin-bottom:0}.specification-row .btn-danger{flex-shrink:0;margin-top:.5rem}.empty-state{padding:2rem;text-align:center;color:#718096;background:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;margin:1rem 0}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #e2e8f0;background:#f7fafc}.modal-actions button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.modal-actions button:not(.primary){background:#fff;border:1px solid #e2e8f0;color:#4a5568}.modal-actions button:not(.primary):hover{background:#f7fafc;border-color:#cbd5e0}.modal-actions button.primary{background:#3182ce;border:none;color:#fff}.modal-actions button.primary:hover{background:#2c5282}.modal-actions button:disabled{opacity:.6;cursor:not-allowed}.preview-content{padding:1.5rem;overflow-y:auto}.preview-header h1{font-size:1.5rem;font-weight:700;color:#1a202c;margin:0 0 .5rem}.preview-header .subtitle{color:#718096;margin:0 0 1rem;line-height:1.5}.preview-header .meta-info{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.specifications-preview h3{font-size:1.125rem;font-weight:600;color:#2d3748;margin:0 0 1rem}.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.spec-item{padding:1rem;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.spec-item strong{color:#2d3748;display:block;margin-bottom:.25rem}.content-text{background:#f7fafc;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0;margin-top:1rem}.content-text p{margin:0;line-height:1.6;color:#4a5568}@media (max-width: 1024px){.know-more-management{padding:1.5rem}.contents-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.know-more-management{padding:1rem;max-width:100%}.page-header{flex-direction:column;gap:1rem;align-items:stretch;margin-bottom:1.5rem}.header-content h1{font-size:1.5rem;text-align:center}.header-content p{text-align:center;font-size:.9rem}.header-actions{margin-left:40px;flex-direction:column;gap:.5rem}.header-actions button{width:100%;justify-content:center;padding:.875rem;font-size:.9rem}.page-tabs{flex-wrap:wrap;justify-content:center;gap:.25rem;margin-bottom:1.5rem;margin-top:2.5rem}.page-tabs .tab{padding:.75rem 1rem;font-size:.9rem;min-width:auto;flex:1;justify-content:center;text-align:center}.filters-bar{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.search-box{max-width:100%}.search-box input{padding:.875rem 1rem .875rem 3rem;font-size:.9rem}.filter-group{flex-direction:column;gap:.75rem}.filter-group select{padding:.875rem 1rem;font-size:.9rem}.contents-grid{grid-template-columns:1fr;gap:1rem}.analytics-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.content-card{padding:1rem}.card-header{flex-direction:column;gap:.75rem;align-items:stretch}.content-info h3{font-size:1rem;line-height:1.3}.content-info .subtitle{font-size:.8rem}.meta-info{gap:.5rem;margin-bottom:.75rem}.meta-info .category,.meta-info .subcategory{font-size:.7rem;padding:.2rem .4rem}.card-stats{justify-content:space-between;flex-wrap:wrap;gap:.5rem}.stat{font-size:.8rem}.card-actions{flex-direction:column;gap:.5rem}.card-actions button{width:100%;justify-content:center;padding:.75rem;font-size:.85rem}.modal-overlay{padding:.5rem}.modal-content{max-width:100%;max-height:95vh;margin:0;border-radius:12px}.modal-content.large-modal,.modal-content.preview-modal{max-width:100%}.modal-header{padding:1rem;flex-wrap:wrap;gap:.5rem}.modal-header h3{font-size:1.1rem;flex:1}.modal-close{padding:.5rem;margin:-.25rem}.modal-tabs{flex-wrap:wrap;margin:0 1rem;justify-content:center}.modal-tabs .tab{padding:.6rem .8rem;font-size:.85rem;flex:1;min-width:100px;justify-content:center}.form-content{padding:1rem;min-height:300px}.form-row{flex-direction:column;gap:.75rem}.form-group label{font-size:.9rem;margin-bottom:.4rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;font-size:.9rem;border-radius:8px}.form-group textarea{min-height:100px;resize:vertical}.specification-row{flex-direction:column;gap:.75rem;padding:.75rem}.specification-row .btn-danger{align-self:flex-start;margin-top:0;width:fit-content}.btn-add-spec{width:100%;justify-content:center;padding:.75rem;margin-top:.5rem}.modal-actions{padding:1rem;flex-direction:column-reverse;gap:.75rem}.modal-actions button{width:100%;padding:.875rem;justify-content:center;font-size:.9rem}.preview-content{padding:1rem}.preview-header h1{font-size:1.25rem}.preview-header .meta-info{flex-direction:column;gap:.5rem}.specs-grid{grid-template-columns:1fr;gap:.75rem}.spec-item{padding:.75rem}.pagination{flex-wrap:wrap;gap:.5rem;padding:1.5rem 0}.pagination button,.pagination span{min-width:40px;height:40px;font-size:.9rem}}@media (max-width: 480px){.know-more-management{padding:.75rem}.page-header{position:relative;top:20px}.header-content h1{font-size:1.3rem}.page-tabs .tab{padding:.6rem .75rem;font-size:.85rem}.analytics-grid{grid-template-columns:1fr}.analytics-card{padding:1rem;text-align:left}.analytics-card .card-header{margin-bottom:.75rem}.analytics-card .card-value{font-size:1.5rem}.content-info h3{font-size:.95rem}.modal-overlay{padding:.25rem}.modal-content{border-radius:8px;max-height:98vh}.modal-header{padding:.75rem}.modal-header h3{font-size:1rem}.form-content,.modal-actions{padding:.75rem}.specification-row{padding:.5rem}}@media (hover: none) and (pointer: coarse){.btn-primary,.btn-secondary,.btn-danger,.page-tabs .tab,.modal-tabs .tab{min-height:44px;touch-action:manipulation}.form-group input,.form-group select,.form-group textarea{min-height:44px;font-size:16px}.search-box input{min-height:44px}}@media (max-width: 768px) and (orientation: landscape){.modal-content{max-height:90vh}.page-header{margin-bottom:1rem}.modal-header{padding:.75rem 1rem}.form-content{min-height:250px}}.content-builder-tab{padding:24px;background:#f8fafc;min-height:500px}.add-block-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.add-block-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.add-block-header h4{font-size:16px;font-weight:600;color:#1e293b;margin:0}.block-type-buttons{display:flex;flex-wrap:wrap;gap:12px}.add-block-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-block-btn:hover{background:#2563eb;transform:translateY(-1px)}.add-block-btn:active{transform:translateY(0)}.content-blocks-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-height:400px;padding:20px;box-shadow:0 1px 3px #0000001a}.content-blocks-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.content-blocks-title{font-size:16px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.blocks-count{background:#eff6ff;color:#2563eb;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.content-blocks-list{display:flex;flex-direction:column;gap:16px}.content-blocks-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;color:#64748b}.content-blocks-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.content-blocks-empty h4{font-size:18px;font-weight:600;color:#475569;margin-bottom:8px}.content-blocks-empty p{font-size:14px;line-height:1.6;margin-bottom:0}.content-block{background:#fff;border:2px solid #f1f5f9;border-radius:12px;overflow:hidden;transition:all .2s ease;position:relative}.content-block:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.block-header{background:#f8fafc;padding:16px 20px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.block-info{display:flex;align-items:center;gap:12px}.block-type-badge{padding:4px 12px;background:#ede9fe;color:#7c3aed;border-radius:16px;font-size:12px;font-weight:600;text-transform:capitalize;letter-spacing:.025em}.block-type-badge.image{background:#dcfce7;color:#16a34a}.block-type-badge.text{background:#fef3c7;color:#d97706}.block-type-badge.imageText{background:#dbeafe;color:#2563eb}.block-position{font-size:12px;color:#64748b;font-weight:500;background:#f1f5f9;padding:2px 8px;border-radius:8px}.block-controls{display:flex;gap:6px;align-items:center}.block-control-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid #e2e8f0;background:#fff;color:#64748b;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.block-control-btn:hover{background:#f8fafc}.block-control-btn.edit{color:#3b82f6;border-color:#bfdbfe}.block-control-btn.edit:hover{background:#eff6ff;border-color:#3b82f6}.block-control-btn.delete{color:#dc2626;border-color:#fecaca}.block-control-btn.delete:hover{background:#fef2f2;border-color:#dc2626}.block-content{padding:20px}.image-block-content{text-align:center}.block-image{max-width:100%;height:auto;max-height:300px;border-radius:8px;object-fit:cover;box-shadow:0 2px 8px #0000001a}.image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;color:#64748b;min-height:200px}.image-placeholder-icon{font-size:48px;margin-bottom:12px;opacity:.5}.image-placeholder span{font-size:14px;font-weight:500}.image-meta{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.image-meta input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;transition:border-color .2s ease}.image-meta input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.text-block-content{background:#f8fafc;border-left:4px solid #3b82f6;padding:16px;border-radius:8px}.text-block-title{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:8px}.text-block-text{color:#374151;line-height:1.6;font-size:14px}.text-placeholder{color:#9ca3af;font-style:italic;padding:20px;text-align:center;border:1px dashed #d1d5db;border-radius:6px;background:#f9fafb}.imagetext-block-content{display:flex;gap:20px;align-items:flex-start}.imagetext-block-content.layout-left{flex-direction:row}.imagetext-block-content.layout-right{flex-direction:row-reverse}.imagetext-block-content.layout-top{flex-direction:column}.imagetext-block-content.layout-bottom{flex-direction:column-reverse}.imagetext-image-section{flex:0 0 250px}.imagetext-text-section{flex:1;min-width:0}.layout-controls{display:flex;gap:8px;margin-bottom:16px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #f1f5f9}.layout-controls-label{font-size:12px;font-weight:500;color:#64748b;margin-right:8px;display:flex;align-items:center}.layout-btn{padding:6px 12px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;color:#64748b}.layout-btn:hover{background:#f8fafc;border-color:#cbd5e1}.layout-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.upload-controls{margin-top:16px;text-align:center}.upload-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.upload-btn:hover{background:#f1f5f9;border-color:#3b82f6;color:#3b82f6}.upload-btn.uploading{background:#eff6ff;border-color:#3b82f6;color:#3b82f6;cursor:not-allowed}@media (max-width: 768px){.content-builder-tab{padding:16px}.block-type-buttons{flex-direction:column}.add-block-btn{width:100%;justify-content:center}.block-header{padding:12px 16px;flex-direction:column;gap:12px;align-items:flex-start}.block-controls{align-self:stretch;justify-content:space-between}.imagetext-block-content{flex-direction:column!important}.imagetext-image-section{flex:none}.image-meta{grid-template-columns:1fr}}.content-block{animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.add-block-btn:focus,.block-control-btn:focus,.layout-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}/*!
* Quill Editor v1.3.7
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com
*/.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.loyalty-dashboard{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f8fafc;min-height:100vh}.dashboard-header{text-align:center;margin-bottom:40px;padding:30px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;box-shadow:0 8px 32px #667eea4d}.dashboard-header h1{font-size:2.5rem;margin:0 0 10px;font-weight:700}.dashboard-header p{font-size:1.1rem;margin:0;opacity:.9}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.loading-spinner{margin-bottom:20px}.spin-icon{width:48px;height:48px;color:#667eea;animation:spin 1s linear infinite}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:#ef4444}.error-icon{width:64px;height:64px;margin-bottom:20px;color:#ef4444}.error-container h3{margin:0 0 10px;color:#1f2937}.retry-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background-color:#667eea;color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:20px}.retry-button:hover{background-color:#5a67d8;transform:translateY(-2px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.stat-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 4px 20px #00000014;display:flex;align-items:center;gap:20px;transition:all .3s ease;border-left:5px solid;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:linear-gradient(45deg,rgba(255,255,255,.1),transparent);border-radius:50%;transform:translate(30%,-30%)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.stat-card.coins{border-left-color:#f59e0b;background:linear-gradient(135deg,#fef3c7,#fff)}.stat-card.tier{border-left-color:#8b5cf6;background:linear-gradient(135deg,#f3e8ff,#fff)}.stat-card.orders{border-left-color:#10b981;background:linear-gradient(135deg,#d1fae5,#fff)}.stat-card.spending{border-left-color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#fff)}.stat-icon{width:60px;height:60px;border-radius:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.coins .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.tier .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.orders .stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.spending .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.stat-content{flex:1;z-index:1;position:relative}.stat-value{font-size:2.2rem;font-weight:800;color:#1f2937;line-height:1;margin-bottom:5px}.stat-label{font-size:.95rem;font-weight:600;color:#4b5563;margin-bottom:8px}.stat-subtext{font-size:.85rem;color:#6b7280;font-weight:500}.dashboard-tabs{display:flex;background:#fff;border-radius:15px;padding:8px;margin-bottom:30px;box-shadow:0 2px 10px #0000000d;overflow-x:auto}.tab{flex:1;padding:15px 25px;background:none;border:none;border-radius:10px;font-weight:600;font-size:.95rem;color:#6b7280;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-width:120px}.tab:hover{color:#667eea;background-color:#f8fafc}.tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.tab-content{background:#fff;border-radius:20px;padding:0;box-shadow:0 4px 20px #00000014;overflow:hidden}.overview-tab{padding:30px}.tier-progress-card,.redemption-card,.recent-activity-card,.programs-card{background:#f8fafc;border-radius:15px;padding:25px;margin-bottom:25px;border:1px solid #e2e8f0}.tier-progress-card h3,.redemption-card h3,.recent-activity-card h3,.programs-card h3{margin:0 0 20px;color:#1f2937;font-size:1.3rem;font-weight:700}.tier-info{display:flex;flex-direction:column;gap:20px}.current-tier{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;color:#8b5cf6}.current-tier svg{width:32px;height:32px}.progress-info{display:flex;flex-direction:column;gap:10px}.progress-bar{width:100%;height:12px;background-color:#e5e7eb;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:6px;transition:width 1s ease}.progress-info p{margin:0;font-size:.9rem;color:#6b7280;font-weight:500}.redemption-form{display:flex;flex-direction:column;gap:20px}.balance-info{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:600;color:#f59e0b}.redemption-input{display:flex;gap:15px;align-items:center}.redemption-input input{flex:1;padding:15px 20px;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .2s ease}.redeem-button{padding:15px 30px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px}.redeem-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)}.redeem-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.redemption-note{font-size:.85rem;color:#6b7280;margin:0;font-style:italic}.transactions-list{display:flex;flex-direction:column;gap:15px;max-height:300px;overflow-y:auto}.transaction-item{display:flex;align-items:center;gap:15px;padding:15px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;transition:all .2s ease}.transaction-item:hover{border-color:#c7d2fe;box-shadow:0 2px 8px #0000000d}.transaction-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.transaction-item .transaction-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.transaction-details{flex:1}.transaction-description{font-weight:600;color:#1f2937;margin-bottom:4px}.transaction-date{font-size:.85rem;color:#6b7280}.transaction-amount{font-weight:700;font-size:1.1rem}.transaction-amount.earned{color:#10b981}.transaction-amount.redeemed{color:#ef4444}.programs-list{display:flex;flex-direction:column;gap:15px}.program-item{display:flex;align-items:center;gap:15px;padding:20px;background:#fff;border-radius:15px;border:1px solid #e5e7eb;transition:all .2s ease}.program-item:hover{border-color:#c7d2fe;box-shadow:0 4px 15px #0000000d}.program-icon{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.program-details{flex:1}.program-name{font-weight:700;color:#1f2937;margin-bottom:5px;font-size:1.1rem}.program-description{color:#6b7280;font-size:.9rem}.program-button{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.program-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.program-actions{display:flex;flex-direction:column;gap:10px;margin-top:15px}.view-button,.join-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.view-button{background:#f3f4f6;color:#4b5563}.view-button:hover{background:#e5e7eb;color:#374151}.join-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.program-meta{display:flex;flex-direction:column;gap:8px;margin-top:10px}.program-reward{font-size:.8rem;color:#f59e0b;font-weight:600;background:#fef3c7;padding:4px 8px;border-radius:6px;text-align:center}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.program-modal{background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px 20px 0 0}.modal-header h3{margin:0;font-size:1.5rem;font-weight:700}.modal-close{background:#fff3;border:none;color:#fff;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background:#ffffff4d}.modal-body{padding:30px}.program-type-badge{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:20px}.program-description{margin-bottom:25px}.program-description p{font-size:1.1rem;color:#4b5563;line-height:1.6}.program-rewards,.program-conditions,.program-supplier{margin-bottom:25px}.program-rewards h4,.program-conditions h4,.program-supplier h4{margin:0 0 15px;color:#1f2937;font-size:1.2rem;font-weight:700}.reward-item,.condition-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:10px;margin-bottom:10px}.reward-item svg,.condition-item svg{width:20px;height:20px;color:#667eea;flex-shrink:0}.reward-limit{font-size:.9rem;color:#6b7280;margin-top:8px;font-style:italic}.eligibility-status{padding:20px;border-radius:12px;margin-bottom:20px}.eligible{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46;display:flex;align-items:center;gap:10px}.not-eligible{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b;display:flex;align-items:center;gap:10px}.eligible svg,.not-eligible svg{width:20px;height:20px}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-top:1px solid #e5e7eb;background:#f8fafc;border-radius:0 0 20px 20px}.btn-secondary{padding:12px 24px;background:#6b7280;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.enrolled-badge{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#d1fae5;color:#065f46;border-radius:10px;font-weight:600}.enrolled-badge svg{width:20px;height:20px}@media (max-width: 768px){.loyalty-dashboard{padding:15px}.dashboard-header{padding:25px 20px;margin-bottom:30px}.dashboard-header h1{font-size:2rem}.stats-grid{grid-template-columns:1fr;gap:20px}.stat-card{padding:25px}.stat-value{font-size:1.8rem}.dashboard-tabs{overflow-x:auto;margin-bottom:20px}.tab{padding:12px 20px;min-width:100px}.overview-tab,.transactions-tab,.programs-tab,.achievements-tab{padding:20px}.tier-progress-card,.redemption-card,.recent-activity-card,.programs-card{padding:20px;margin-bottom:20px}.redemption-input{flex-direction:column;align-items:stretch}.redemption-input input{margin-bottom:10px}.programs-grid,.achievements-grid{grid-template-columns:1fr}.transaction-item{padding:12px}.program-item{padding:15px}.transactions-header,.programs-header,.achievements-header{flex-direction:column;gap:15px;text-align:center}}@media (max-width: 480px){.dashboard-header h1{font-size:1.8rem}.dashboard-header p{font-size:1rem}.stat-card{flex-direction:column;text-align:center;padding:20px}.stat-icon{margin-bottom:15px}.tab{padding:10px 15px;font-size:.85rem}.current-tier{justify-content:center;font-size:1.3rem}.transaction-item,.program-item{flex-direction:column;text-align:center;gap:12px}.program-details,.transaction-details{text-align:center}.achievement-card,.program-card{padding:20px}}.transactions-list::-webkit-scrollbar{width:6px}.transactions-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.transactions-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.transactions-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tab:focus,.retry-button:focus,.refresh-button:focus,.redeem-button:focus,.program-button:focus,.join-button:focus{outline:2px solid #667eea;outline-offset:2px}.redemption-input input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stat-card{animation:slideInUp .6s ease forwards}.customer-offers{max-width:1200px;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f8fafc;min-height:100vh}.customer-offers-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.customer-offers-error{display:flex;align-items:center;justify-content:center;min-height:400px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;text-align:center}.error-content{text-align:center;color:#dc2626}.error-icon{width:48px;height:48px;color:#ef4444;margin-bottom:1rem}.retry-btn{padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.retry-btn:hover{background:#2563eb;transform:translateY(-1px)}.customer-offers-header,.offers-header{margin-top:15px;color:#fff;padding:2rem;border-radius:16px;margin-bottom:2rem;box-shadow:0 10px 25px #3b82f64d}.header-content{display:flex;align-items:center;gap:1rem}.header-icon{font-size:2.5rem;color:#ffffffe6}.customer-type-icon{background:#fff3;padding:1rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-text h2{margin:0 0 .5rem;font-size:1.875rem;font-weight:700}.header-text p{margin:0;opacity:.9;font-size:1rem}.offers-tabs,.offer-tabs{display:flex;gap:1rem;margin:2rem 0;padding:.5rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;background:transparent;color:#64748b;font-weight:500;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;flex:1;justify-content:center;white-space:nowrap}.tab-btn:hover{color:#334155;background:#3b82f61a}.tab-btn.active{color:#3b82f6;background:#f8fafc;box-shadow:0 2px 8px #0000001a;font-weight:600}.tab-count{background:#e2e8f0;color:#64748b;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;min-width:20px;text-align:center}.tab-btn.active .tab-count{background:#3b82f6;color:#fff}.offers-stats,.stats-bar{display:flex;gap:2rem;margin:2rem 0;padding:1.5rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;border:1px solid #e2e8f0}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;flex:1}.stat-number{font-size:1.5rem;font-weight:700;color:#1e293b}.stat-label{font-size:.875rem;color:#64748b;font-weight:500}.cart-context{display:flex;align-items:center;justify-content:center;margin:2rem 0}.cart-info{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;font-size:.875rem;color:#9a3412}.cart-value{font-weight:600;color:#ea580c}.customer-type-benefits{margin:2rem 0;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0}.customer-type-benefits h3{margin:0 0 1.5rem;color:#1e293b;font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.benefit-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0;transition:transform .3s ease}.benefit-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.benefit-icon{color:#3b82f6;background:#3b82f61a;padding:.5rem;border-radius:8px;flex-shrink:0}.offers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin:2rem 0}.offer-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.offer-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #0000001a}.offer-card.loyalty-offer{border-left:4px solid #10b981}.offer-card.supplier-offer,.offer-card.supplier-promotion{border-left:4px solid #ff6b35;position:relative}.offer-card.supplier-promotion:before{content:"";position:absolute;top:0;right:0;width:0;height:0;border-left:30px solid transparent;border-top:30px solid #ff6b35}.offer-card.supplier-promotion:after{content:"SUPPLIER";position:absolute;top:4px;right:4px;color:#fff;font-size:8px;font-weight:700;transform:rotate(45deg);transform-origin:center;width:20px;text-align:center}.offer-card.ineligible{opacity:.7;border-color:#e5e7eb}.offer-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem;gap:1rem}.offer-type{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#475569}.type-icon{width:16px;height:16px;flex-shrink:0}.offer-discount{padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:700;text-align:center;min-width:80px;white-space:nowrap}.offer-content{margin-bottom:1.5rem}.offer-content h3{margin:0 0 .5rem;color:#1e293b;font-size:1.125rem;font-weight:600;line-height:1.4}.offer-content p{margin:0 0 1rem;color:#64748b;font-size:.9rem;line-height:1.5}.offer-details{display:flex;flex-direction:column;gap:.5rem}.detail-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#475569;padding:.5rem;background:#f8fafc;border-radius:8px}.detail-item svg{color:#64748b;flex-shrink:0}.detail-item.validity{color:#059669;font-weight:500}.detail-item.location{color:#0284c7}.detail-item.usage{color:#7c3aed}.supplier-info{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f0fdf4;border-left:3px solid #22c55e;border-radius:4px;margin:.75rem 0;font-size:.875rem;color:#166534}.coupon-code{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#e0f2fe;border:1px dashed #0284c7;border-radius:6px;margin:.75rem 0}.coupon-label{font-size:.75rem;color:#0284c7;font-weight:500}.coupon-value{font-family:Courier New,monospace;font-weight:700;color:#0c4a6e;font-size:.875rem;padding:.25rem .5rem;background:#fff;border-radius:4px}.target-customers{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem}.target-label{font-size:.75rem;color:#64748b;font-weight:500}.target-icons{display:flex;flex-wrap:wrap;gap:.5rem}.target-icon{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#f1f5f9;border-radius:12px;font-size:.75rem;color:#475569}.offer-footer{margin-top:1rem}.ineligibility-reason{display:flex;align-items:center;gap:.5rem;color:#dc2626;font-size:.75rem;margin-bottom:.75rem;padding:.5rem;background:#fef2f2;border-radius:6px}.apply-btn{width:100%;padding:.875rem 1.5rem;border:none;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;position:relative}.apply-btn.eligible{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.apply-btn.eligible:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.apply-btn.disabled{background:#9ca3af;color:#fff;cursor:not-allowed;opacity:.6}.btn-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.loyalty-icon,.loyalty-discount{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.supplier-icon,.supplier-discount{background:linear-gradient(135deg,#ff6b35,#ff8a65);color:#fff}.no-offers,.empty-offers{text-align:center;padding:4rem 2rem;color:#64748b;background:#fff;border-radius:16px;border:1px solid #e2e8f0;margin:2rem 0}.no-offers-icon{width:64px;height:64px;color:#cbd5e1;margin-bottom:1rem}.no-offers h3{margin:0 0 1rem;color:#334155;font-size:1.25rem;font-weight:600}.no-offers p{margin:0 0 2rem;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.6}.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;margin:0 auto;transition:background .3s ease}.refresh-btn:hover{background:#2563eb}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b}.modal-close{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s}.modal-close:hover{background:#f1f5f9}.modal-body{padding:1.5rem}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.apply-btn.eligible:active{animation:successPulse .3s ease}@media (max-width: 768px){.customer-offers{padding:1rem}.customer-offers-header,.offers-header{padding:1.5rem}.header-content{flex-direction:column;text-align:center;gap:1.5rem}.header-text h2{font-size:1.5rem}.offers-tabs,.offer-tabs{flex-wrap:wrap;gap:.5rem}.tab-btn{flex:1;min-width:calc(50% - .25rem);justify-content:center}.offers-stats,.stats-bar{flex-wrap:wrap;gap:1rem;padding:1rem}.stat-item{flex:1;min-width:calc(50% - .5rem)}.offers-grid{grid-template-columns:1fr;gap:1rem}.benefits-grid{grid-template-columns:1fr}.offer-header{flex-direction:column;align-items:flex-start;gap:.75rem}.offer-discount{align-self:flex-start}.cart-info{font-size:.8rem;padding:.5rem 1rem}.apply-btn{padding:.75rem 1rem;font-size:.875rem}.customer-type-benefits{padding:1.5rem}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}}@media (max-width: 480px){.customer-offers{padding:2.5rem .5rem .5rem}.customer-offers-header,.offers-header{padding:1rem;margin-bottom:1rem}.header-text h2{font-size:1.25rem}.header-text p{font-size:.875rem}.offers-tabs,.offer-tabs{flex-direction:column;gap:.5rem;padding:.5rem}.tab-btn{justify-content:flex-start;padding:.75rem 1rem}.offers-stats,.stats-bar{flex-direction:column;gap:1rem;padding:1rem}.offers-grid{gap:1rem}.offer-card{padding:1rem}.offer-card.supplier-promotion:after{font-size:7px}.offer-header{align-items:center;text-align:center}.offer-content h3{font-size:1rem}.offer-content p{font-size:.875rem}.detail-item{padding:.375rem .5rem;font-size:.8125rem}.apply-btn{padding:.625rem 1rem;font-size:.8125rem;min-width:100px}.coupon-code{flex-direction:column;align-items:flex-start;gap:.25rem}.target-icons{flex-wrap:wrap}.target-icon{font-size:.6875rem;padding:.1875rem .375rem}.customer-type-benefits{padding:1rem}.benefits-grid{gap:.75rem}.benefit-card{padding:.75rem;gap:.5rem}.cart-context{margin:1rem 0}.cart-info{font-size:.75rem;padding:.375rem .75rem}.no-offers,.empty-offers{padding:2rem 1rem}.no-offers h3{font-size:1.125rem}.modal-overlay{padding:.5rem}.modal-header,.modal-body{padding:1rem}}@media (max-width: 360px){.customer-offers{padding:.25rem}.offers-grid{gap:.75rem}.offer-card{padding:.75rem}.header-text h2{font-size:1.125rem}.tab-btn{font-size:.8125rem;padding:.625rem .75rem}.offer-content h3{font-size:.9375rem}.apply-btn{font-size:.75rem;padding:.5rem .75rem}}@media (prefers-reduced-motion: reduce){.offer-card,.apply-btn{transition:none}.loading-spinner,.btn-spinner{animation:none}.benefit-card:hover{transform:none}}@media (prefers-contrast: high){.offer-card{border:2px solid #1f2937}.tab-btn.active{border:2px solid #3b82f6}.apply-btn.eligible{border:2px solid #059669}}.tab-btn:focus,.apply-btn:focus,.retry-btn:focus,.refresh-btn:focus,.modal-close:focus{outline:2px solid #3b82f6;outline-offset:2px}@media print{.customer-offers{background:#fff;box-shadow:none}.offer-card{box-shadow:none;border:1px solid #000;break-inside:avoid}.apply-btn{display:none}}.referral-system{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.referral-header{text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:40px 30px;color:#fff;margin-bottom:40px;box-shadow:0 15px 35px #667eea33}.referral-icon-container{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#ffffff26;border-radius:50%;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.referral-main-icon{width:40px;height:40px;color:gold}.referral-header h2{font-size:2.5rem;margin:0 0 12px;font-weight:700}.referral-header p{font-size:1.2rem;margin:0;opacity:.9}.referral-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 8px 25px #00000014;border:1px solid #f0f0f0;display:flex;align-items:center;gap:20px;transition:all .3s ease;cursor:pointer}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px #0000001f}.stat-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-icon.success{background:linear-gradient(135deg,#0c6,#6f9)}.stat-icon.pending{background:linear-gradient(135deg,#ff9800,#ffcc02)}.stat-icon.coins{background:linear-gradient(135deg,gold,#ffed4e);color:#996300}.stat-content h3{font-size:2.2rem;font-weight:700;margin:0 0 8px;color:#333}.stat-content p{font-size:1rem;color:#666;margin:0}.referral-code-section{background:#fff;border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:0 8px 25px #00000014;text-align:center}.referral-code-section h3{color:#333;font-size:1.5rem;margin-bottom:25px}.referral-code-container{display:flex;align-items:center;justify-content:space-between;background:#f8f9fa;border-radius:12px;padding:20px;border:2px dashed #e0e0e0;margin-bottom:20px}.referral-code{display:flex;align-items:center;gap:15px}.code-label{font-size:1.1rem;color:#666;font-weight:500}.code-value{font-size:1.5rem;font-weight:800;color:#333;font-family:Courier New,monospace;background:#fff;padding:8px 16px;border-radius:8px;border:2px solid #667eea;letter-spacing:2px}.referral-actions{display:flex;gap:12px}.copy-btn,.share-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.copy-btn{background:#f0f0f0;color:#333}.copy-btn:hover{background:#e0e0e0}.copy-btn.copied{background:linear-gradient(135deg,#0c6,#6f9);color:#fff}.share-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.share-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.how-it-works{background:#fff;border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:0 8px 25px #00000014}.how-it-works h3{color:#333;font-size:1.5rem;margin-bottom:30px;text-align:center}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.step{display:flex;align-items:flex-start;gap:20px;padding:25px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;border-left:4px solid #667eea;transition:all .3s ease}.step:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.step-icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-content h4{color:#333;font-size:1.2rem;margin:0 0 8px;font-weight:600}.step-content p{color:#666;margin:0;line-height:1.5}.enter-referral-section{background:#fff;border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:0 8px 25px #00000014;text-align:center}.enter-referral-section h3{color:#333;font-size:1.5rem;margin-bottom:12px}.enter-referral-section p{color:#666;margin-bottom:25px}.show-input-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#fa709a,#fee140);color:#fff;border:none;padding:16px 30px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.show-input-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #fa709a4d}.referral-input-container{max-width:500px;margin:0 auto}.input-group{display:flex;gap:12px;margin-bottom:15px}.referral-input{flex:1;padding:16px 20px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:border-color .3s ease;font-family:Courier New,monospace}.referral-input:focus{outline:none;border-color:#667eea}.submit-referral-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#0c6,#6f9);color:#fff;border:none;padding:16px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-referral-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00cc664d}.cancel-btn{background:none;border:1px solid #ccc;color:#666;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.cancel-btn:hover{background:#f5f5f5}.referral-benefits{background:#fff;border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:0 8px 25px #00000014}.referral-benefits h3{color:#333;font-size:1.5rem;margin-bottom:30px;text-align:center}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.benefit-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#f8f9fa;border-radius:12px;transition:all .3s ease}.benefit-item:hover{background:#f0f2f5;transform:translateY(-2px)}.benefit-icon{width:32px;height:32px;color:#667eea;flex-shrink:0;margin-top:4px}.benefit-content h4{color:#333;font-size:1.1rem;margin:0 0 6px;font-weight:600}.benefit-content p{color:#666;margin:0;line-height:1.4;font-size:.9rem}.quick-share{background:#fff;border-radius:16px;padding:30px;box-shadow:0 8px 25px #00000014}.quick-share h3{color:#333;font-size:1.5rem;margin-bottom:25px;text-align:center}.share-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.share-option{display:flex;align-items:center;gap:10px;padding:14px 24px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.95rem}.share-option.whatsapp{background:#25d366;color:#fff}.share-option.whatsapp:hover{background:#20ba5a;transform:translateY(-2px)}.share-option.sms{background:#007aff;color:#fff}.share-option.sms:hover{background:#0056cc;transform:translateY(-2px)}.share-option.copy-link{background:#f0f0f0;color:#333;border:2px solid #e0e0e0}.share-option.copy-link:hover{background:#e0e0e0;border-color:#ccc;transform:translateY(-2px)}.referral-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#666}@media (max-width: 768px){.referral-system{padding:15px}.referral-header{padding:30px 20px}.referral-header h2{font-size:2rem}.referral-stats{grid-template-columns:1fr}.stat-card{padding:20px}.referral-code-container{flex-direction:column;gap:20px;text-align:center}.steps-container{grid-template-columns:1fr}.input-group{flex-direction:column}.share-buttons{flex-direction:column;align-items:center}.share-option{width:200px;justify-content:center}}@media (max-width: 480px){.referral-header{padding:25px 15px}.referral-header h2{font-size:1.8rem}.code-value{font-size:1.2rem;letter-spacing:1px}.step,.benefit-item{flex-direction:column;text-align:center}}.membership-progress{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.membership-headers{border-radius:20px;padding:40px 30px;color:#fff;margin-bottom:40px;box-shadow:0 15px 35px #667eea33}.header-contents{display:flex;justify-content:center;align-items:center}.current-tier-display{display:flex;align-items:center;gap:25px}.tier-icon{width:64px;height:64px;padding:12px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tier-icon.silver{color:silver}.tier-icon.gold{color:gold}.tier-icon.platinum{color:#e1bee7}.tier-info h2{font-size:2.5rem;margin:0 0 8px;font-weight:800;letter-spacing:1px}.tier-info p{font-size:1.2rem;margin:0;opacity:.9}.tier-progression{background:#fff;border-radius:20px;padding:40px;margin-bottom:40px;box-shadow:0 10px 30px #00000014}.tier-progression h3{color:#333;font-size:1.8rem;margin-bottom:40px;text-align:center;font-weight:600}.tiers-timeline{display:flex;justify-content:space-between;align-items:center;position:relative;padding:20px 0}.tiers-timeline:before{content:"";position:absolute;top:50%;left:10%;right:10%;height:4px;background:linear-gradient(90deg,#607d8b,#ff9800,#9c27b0);border-radius:2px;z-index:1}.tier-milestone{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2;flex:1;max-width:200px}.milestone-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;border:4px solid white;box-shadow:0 8px 20px #00000026;position:relative}.milestone-icon .tier-icon{width:40px;height:40px;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.milestone-content{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 15px #00000014;border:1px solid #f0f0f0}.milestone-content h4{color:#333;font-size:1.3rem;margin:0 0 12px;font-weight:700}.tier-requirements{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.tier-requirements span{color:#666;font-size:.9rem;background:#f8f9fa;padding:4px 12px;border-radius:15px;font-weight:500}.tier-coin-multiplier{color:#667eea;font-weight:600;font-size:.95rem;background:linear-gradient(135deg,#667eea15,#764ba215);padding:8px 12px;border-radius:8px}.achievement-badge{position:absolute;top:-5px;right:-5px;width:24px;height:24px;background:linear-gradient(135deg,#0c6,#6f9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #00cc664d}.tier-milestone.upcoming .milestone-content{opacity:.6;background:#f8f9fa}.next-tier-progress{background:#fff;border-radius:20px;padding:40px;margin-bottom:40px;box-shadow:0 10px 30px #00000014}.next-tier-progress h3{color:#333;font-size:1.8rem;margin-bottom:30px;text-align:center;font-weight:600}.progress-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.progress-card{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:16px;padding:30px;border:2px solid #f0f0f0;transition:all .3s ease}.progress-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001a;border-color:#e0e0e0}.progress-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.progress-icon{width:28px;height:28px;color:#667eea}.progress-header span{font-size:1.2rem;font-weight:600;color:#333}.progress-bar-container{display:flex;align-items:center;gap:15px;margin-bottom:15px}.progress-bar{flex:1;height:12px;background:#f0f0f0;border-radius:6px;overflow:hidden}.progress-fill{height:100%;border-radius:6px;transition:width .8s ease}.orders-fill{background:linear-gradient(90deg,#667eea,#764ba2)}.spending-fill{background:linear-gradient(90deg,#0c6,#6f9)}.progress-text{font-weight:700;color:#333;font-size:1.1rem;min-width:50px;text-align:right}.progress-details{text-align:center;color:#666;font-size:.95rem;font-weight:500}.current-benefits{background:#fff;border-radius:20px;padding:40px;margin-bottom:40px;box-shadow:0 10px 30px #00000014}.current-benefits h3{color:#333;font-size:1.8rem;margin-bottom:30px;text-align:center;font-weight:600}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.benefit-card{display:flex;align-items:center;gap:16px;padding:24px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;border-left:4px solid #667eea;transition:all .3s ease;cursor:pointer}.benefit-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.benefit-icon-container{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.benefit-text{font-weight:600;color:#333;font-size:1rem;line-height:1.4}.upgrade-incentive{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:20px;padding:40px;color:#fff;margin-bottom:40px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 15px 35px #ff6b3533}.incentive-content{display:flex;align-items:center;gap:25px;flex:1}.incentive-icon{width:80px;height:80px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.incentive-icon svg{width:40px;height:40px}.incentive-text h4{font-size:1.5rem;margin:0 0 15px;font-weight:700}.upgrade-benefits{display:flex;flex-wrap:wrap;gap:12px}.upgrade-benefits span{background:#ffffff26;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.incentive-cta{flex-shrink:0}.start-shopping-btn{display:flex;align-items:center;gap:10px;background:#fff;color:#ff6b35;border:none;padding:16px 30px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:1rem}.start-shopping-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffffff4d}.tier-comparison{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 30px #00000014}.tier-comparison h3{color:#333;font-size:1.8rem;margin-bottom:30px;text-align:center;font-weight:600}.comparison-table{border-radius:12px;overflow:hidden;border:2px solid #f0f0f0}.comparison-header{display:grid;grid-template-columns:200px 1fr 1fr 1fr;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.feature-column,.tier-column{padding:20px;font-weight:700;text-align:center;font-size:1.1rem}.tier-column.silver{background:#c0c0c033}.tier-column.gold{background:#ffd70033}.tier-column.platinum{background:#9c27b033}.comparison-row{display:grid;grid-template-columns:200px 1fr 1fr 1fr;border-bottom:1px solid #f0f0f0}.comparison-row:last-child{border-bottom:none}.feature{padding:20px;font-weight:600;color:#333;background:#f8f9fa;display:flex;align-items:center}.tier-value{padding:20px;text-align:center;color:#333;font-weight:600;display:flex;align-items:center;justify-content:center;background:#fff}.comparison-row:nth-child(2n) .tier-value{background:#fafafa}.membership-progress-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#666}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.membership-progress-error{display:flex;justify-content:center;align-items:center;min-height:400px;padding:2rem}.error-message{text-align:center;padding:2rem;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;max-width:500px}.error-message h3{color:#dc3545;margin-bottom:1rem;font-size:1.5rem}.error-message p{color:#6c757d;margin-bottom:1.5rem;line-height:1.5}.retry-button{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}@media (max-width: 768px){.membership-progress{padding:15px}.membership-header{padding:30px 20px}.current-tier-display{flex-direction:column;text-align:center;gap:20px}.tier-info h2{font-size:2rem}.tiers-timeline{flex-direction:column;gap:30px}.tiers-timeline:before{display:none}.tier-milestone{max-width:none;width:100%}.progress-cards,.benefits-grid{grid-template-columns:1fr}.upgrade-incentive{flex-direction:column;text-align:center}.incentive-content{flex-direction:column}.comparison-table{overflow-x:auto}.comparison-header,.comparison-row{min-width:600px}}@media (max-width: 480px){.tier-progression,.next-tier-progress,.current-benefits,.tier-comparison{padding:25px 20px}.milestone-content{padding:15px}.progress-card{padding:20px}.upgrade-incentive{padding:25px 20px}.upgrade-benefits{justify-content:center}}.max-tier-achievement{margin:2rem 0}.achievement-card{background:linear-gradient(135deg,#9c27b0,#e1bee7);color:#fff;padding:2rem;border-radius:16px;text-align:center;box-shadow:0 8px 32px #9c27b04d}.achievement-icon{margin-bottom:1rem}.crown-icon{width:48px;height:48px;color:gold}.achievement-card h3{margin:1rem 0;font-size:1.5rem;font-weight:700}.achievement-card p{margin:1rem 0;opacity:.9}.achievement-benefits{margin-top:1.5rem;text-align:left;background:#ffffff1a;padding:1rem;border-radius:8px}.achievement-benefits h4{margin-bottom:.5rem;text-align:center}.achievement-benefits ul{list-style:none;padding:0}.achievement-benefits li{position:relative;padding:.25rem 0 .25rem 1.5rem}.achievement-benefits li:before{content:"✓";position:absolute;left:0;color:gold;font-weight:700}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--secondary-500: #8b5cf6;--secondary-600: #7c3aed;--success-50: #ecfdf5;--success-500: #10b981;--success-600: #059669;--warning-50: #fffbeb;--warning-500: #f59e0b;--warning-600: #d97706;--error-50: #fef2f2;--error-500: #ef4444;--error-600: #dc2626;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--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 -1px 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);--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}.admin-loyalty-management{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-loyalty-management *{box-sizing:border-box}.admin-loyalty-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;background:#fff;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);margin:2rem auto;max-width:500px;padding:3rem}.loading-spinner{width:3rem;height:3rem;border:3px solid var(--gray-200);border-top:3px solid var(--primary-500);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1.5rem}.loading-spinner.spin-icon{width:1rem;height:1rem;border-width:2px;margin:0}.admin-loyalty-loading p{font-size:1.125rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem}.loading-details{font-size:.875rem;color:var(--gray-500);text-align:center;margin:0}.admin-loyalty-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;background:#fff;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);margin:2rem auto;max-width:600px;padding:3rem;text-align:center}.admin-loyalty-error svg{color:var(--error-500);margin-bottom:1.5rem}.admin-loyalty-error h2{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:1rem}.admin-loyalty-error p{font-size:1rem;color:var(--gray-600);margin-bottom:2rem;line-height:1.6}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;background:var(--error-50);border-radius:var(--border-radius-lg);border:1px solid var(--error-200)}.error-state svg{color:var(--error-500);margin-bottom:1rem}.error-state h3{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.error-state p{color:var(--gray-600);margin-bottom:1.5rem}.loyalty-headeru{margin-top:30px;color:#b49d9d;background:#fff;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:2rem;border:1px solid var(--gray-200)}.header-content{padding:2.5rem;position:relative;overflow:hidden;color:#fff}.header-content:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='7' cy='7' r='7'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.3}.header-info{position:relative;z-index:1;flex:1}.header-info h1{font-size:2.25rem;font-weight:800;color:#fff;margin:0 0 .75rem;letter-spacing:-.025em}.header-info p{font-size:1.125rem;color:#ffffffe6;margin:0;font-weight:400}.header-actions{display:flex;align-items:center;gap:1rem;position:relative;z-index:1;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--border-radius-lg);font-weight:600;font-size:.875rem;line-height:1.25rem;border:none;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;position:relative;overflow:hidden;min-width:max-content}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn:active:not(:disabled){transform:translateY(0)}.btn-primary{background:#fff;color:var(--primary-600);box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){background:var(--gray-50);color:var(--primary-700)}.btn-success{background:var(--success-500);color:#fff;box-shadow:var(--shadow-md)}.btn-success:hover:not(:disabled){background:var(--success-600)}.btn-secondary{background:var(--gray-100);color:var(--gray-700);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--gray-200);color:var(--gray-800)}.btn-danger{background:var(--error-500);color:#fff;box-shadow:var(--shadow-md)}.btn-danger:hover:not(:disabled){background:var(--error-600)}.btn-sm{padding:.5rem 1rem;font-size:.75rem}.header-content .loyalty-tabs .tab{padding:10px 50px}.loyalty-headers{padding:1rem 2rem;background:#fff;border-bottom:1px solid #e5e7eb}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;max-width:1400px;margin:0 auto}.header-info h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.header-info p{color:#6b7280;margin:0;font-size:1rem}.header-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.header-actions .btn{white-space:nowrap;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem}@media (max-width: 768px){.loyalty-headers{padding:1rem}.header-content{flex-direction:column;gap:1.5rem;text-align:center}.header-info h1{font-size:1.5rem}.header-actions{width:100%;justify-content:center}.header-actions .btn{flex:1;min-width:120px;justify-content:center}}.loyalty-tabs::-webkit-scrollbar{display:none}.tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--gray-500);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;position:relative;flex-shrink:0;min-width:fit-content;justify-content:center;text-align:center;box-sizing:border-box}.tab:hover{color:var(--gray-700);background:#ffffffb3;border-radius:8px 8px 0 0}.tab.active{color:var(--primary-600);border-bottom-color:var(--primary-600);background:#fff;font-weight:600;border-radius:8px 8px 0 0;box-shadow:0 2px 4px #0000001a}.tab.active:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-500),var(--secondary-500));border-radius:0 0 var(--border-radius-sm) var(--border-radius-sm);width:100%;box-sizing:border-box}.tab.active:before{content:"";position:absolute;inset:0;background:#fff;border-radius:8px 8px 0 0;z-index:-1;box-shadow:0 2px 4px #0000001a}.tab span{position:relative;z-index:1;display:inline-block;white-space:nowrap;padding:0 .25rem}.tab[title*=Coupon],.tab:nth-child(4),.tab:has-text("Coupon Tracking"){padding-left:2rem;padding-right:2rem;min-width:150px}@media (max-width: 1200px){.tab{padding:.875rem 1.25rem;font-size:.8rem;min-width:120px}.tab.active:after{width:100%;left:0;right:0}}@media (max-width: 768px){.tab{padding:.75rem 1rem;font-size:.75rem;min-width:100px;text-align:center;justify-content:center}.tab.active{background:#fff;border-radius:6px 6px 0 0}.tab.active:after{height:2px;width:100%}}@media (max-width: 480px){.tab{padding:.625rem .875rem;font-size:.7rem;min-width:90px;justify-content:center}.tab.active{background:rgba(var(--primary-rgb),.1);color:var(--primary-600)}}.loyalty-tabs{display:flex;background:var(--gray-50);border-top:1px solid var(--gray-200);padding:0rem 1rem;gap:0px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;min-height:60px;align-items:stretch}.tab:nth-of-type(4){min-width:140px;padding-left:1.75rem;padding-right:1.75rem}.tab:nth-of-type(4).active:after{width:100%;left:0;right:0}.loyalty-content{background:#fff;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);overflow:hidden;min-height:600px}.overview-tab{padding:2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:var(--border-radius-xl);padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--gray-200);transition:all var(--transition-normal);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;transition:width var(--transition-normal)}.stat-card.blue:before{background:linear-gradient(180deg,var(--primary-500),var(--primary-600))}.stat-card.yellow:before{background:linear-gradient(180deg,var(--warning-500),var(--warning-600))}.stat-card.green:before{background:linear-gradient(180deg,var(--success-500),var(--success-600))}.stat-card.purple:before{background:linear-gradient(180deg,var(--secondary-500),var(--secondary-600))}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.stat-card:hover:before{width:8px}.stat-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--border-radius-lg);margin-bottom:1rem;font-size:1.8rem!important}.stat-card.blue .stat-icon{background:linear-gradient(135deg,var(--primary-50),var(--primary-100));color:var(--primary-600)}.stat-card.yellow .stat-icon{background:linear-gradient(135deg,var(--warning-50),#fef3c7);color:var(--warning-600)}.stat-card.green .stat-icon{background:linear-gradient(135deg,var(--success-50),#d1fae5);color:var(--success-600)}.stat-card.purple .stat-icon{background:linear-gradient(135deg,#faf5ff,#ede9fe);color:var(--secondary-600)}.stat-content{text-align:center!important;margin-bottom:0!important}.stat-value{font-size:1.5rem!important;font-weight:800;color:var(--gray-900);line-height:1;margin-bottom:.5rem;letter-spacing:-.025em}.stat-name{font-size:.875rem;font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.stat-change{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.025em}.stat-change.positive{background:linear-gradient(135deg,var(--success-50),#d1fae5);color:var(--success-700);border:1px solid var(--success-200)}.stat-change.negative{background:linear-gradient(135deg,var(--error-50),#fee2e2);color:var(--error-700);border:1px solid var(--error-200)}.card{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);margin-bottom:1.5rem;overflow:hidden;transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 0;margin-bottom:1.5rem}.card-header h3{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin:0;letter-spacing:-.025em}.card-body{padding:0 1.5rem 1.5rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-state svg{color:var(--primary-500);margin-bottom:1rem}.loading-state p{color:var(--gray-500);font-weight:500;margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;background:var(--gray-50);border-radius:var(--border-radius-lg);border:2px dashed var(--gray-300);margin:1rem 0}.empty-state svg{color:var(--gray-400);margin-bottom:1rem}.empty-state p:first-of-type{font-weight:600;color:var(--gray-700);margin-bottom:.5rem;font-size:1.125rem}.empty-state p:last-of-type{color:var(--gray-500);margin:0}.programs-tab{padding:2rem}.programs-list{display:flex;flex-direction:column;gap:1rem}.program-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:1.5rem;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:space-between;gap:1rem}.program-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md);transform:translateY(-1px)}.program-info h4{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin:0 0 .5rem}.program-info p{color:var(--gray-600);margin:0 0 .75rem;line-height:1.5}.program-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.program-type{display:inline-flex;align-items:center;padding:.25rem .75rem;background:var(--primary-100);color:var(--primary-700);border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.program-supplier{color:var(--gray-500);font-size:.875rem;font-weight:500}.program-rewards{color:var(--success-600);font-size:.875rem;font-weight:600}.program-actions{display:flex;align-items:center;gap:.75rem}.referrals-tab{padding:2rem}.referrers-list{display:flex;flex-direction:column;gap:.75rem}.referrer-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--gray-50);border-radius:var(--border-radius-lg);border:1px solid var(--gray-200);transition:all var(--transition-normal)}.referrer-item:hover{background:#fff;box-shadow:var(--shadow-md)}.referrer-rank{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--primary-100);color:var(--primary-700);border-radius:50%;font-weight:700;font-size:.875rem}.referrer-info{flex:1}.referrer-name{font-weight:600;color:var(--gray-900);margin-bottom:.25rem}.referrer-id{font-size:.875rem;color:var(--gray-500);font-family:monospace}.referrer-stats{text-align:right}.referrer-count{font-weight:600;color:var(--gray-900);margin-bottom:.25rem}.referrer-rewards{font-size:.875rem;color:var(--success-600);font-weight:500}.customers-tab{padding:2rem}.customer-analysis{display:flex;flex-direction:column;gap:1rem}.customer-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--gray-50);border-radius:var(--border-radius-lg);border:1px solid var(--gray-200);transition:all var(--transition-normal)}.customer-row:hover{background:#fff;box-shadow:var(--shadow-md);transform:translate(4px)}.customer-info{display:flex;align-items:center;gap:.75rem}.customer-info svg{color:var(--primary-500)}.customer-type{font-weight:600;color:var(--gray-900);text-transform:capitalize}.customer-count{font-size:1.25rem;font-weight:700;color:var(--primary-600);min-width:3rem;text-align:right}.analytics-tab{padding:2rem}.performance-chart{display:flex;flex-direction:column;gap:1rem}.performance-item{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:var(--gray-50);border-radius:var(--border-radius-lg);border:1px solid var(--gray-200);transition:all var(--transition-normal)}.performance-item:hover{background:#fff;box-shadow:var(--shadow-md);border-color:var(--primary-300)}.program-info{flex:1}.program-name{font-weight:600;color:var(--gray-900);margin-bottom:.25rem}.program-type{font-size:.875rem;color:var(--gray-500);text-transform:capitalize}.program-stats{display:flex;gap:2rem}.stat-item{text-align:center}.stat-label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.stat-value{font-weight:600;color:var(--gray-900)}.tools-tab{padding:2rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.tool-card{background:#fff;border:2px solid var(--gray-200);border-radius:var(--border-radius-xl);padding:2rem;text-align:center;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.tool-card:hover:before{left:100%}.tool-card:hover{border-color:var(--primary-500);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.tool-icon{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:linear-gradient(135deg,var(--primary-100),var(--primary-50));color:var(--primary-600);border-radius:var(--border-radius-xl);margin-bottom:1.5rem;position:relative;z-index:1}.tool-card h3{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin-bottom:.75rem;position:relative;z-index:1}.tool-card p{color:var(--gray-600);line-height:1.6;position:relative;z-index:1;margin:0}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease}.modal{background:#fff;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 0;margin-bottom:1.5rem}.modal-header h3{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0}.modal-close{background:var(--gray-100);border:none;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;color:var(--gray-500);transition:all var(--transition-normal)}.modal-close:hover{background:var(--gray-200);color:var(--gray-700)}.modal-body{padding:0 1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--gray-200);margin-top:1.5rem}.form-group label{display:block;font-weight:600;color:var(--gray-700);margin-bottom:.5rem;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--gray-300);border-radius:var(--border-radius-md);font-size:.875rem;transition:all var(--transition-normal);background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tier-chart{display:flex;flex-direction:column;gap:1rem}.tier-row{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--gray-50);border-radius:var(--border-radius-lg);transition:all var(--transition-normal)}.tier-row:hover{background:#fff;box-shadow:var(--shadow-md)}.tier-info{display:flex;align-items:center;gap:.75rem}.tier-info svg{color:var(--warning-500)}.tier-name{font-weight:600;color:var(--gray-900);text-transform:capitalize}.tier-stats{display:flex;align-items:center;gap:.5rem}.tier-count{font-weight:600;color:var(--gray-900);font-size:1.125rem}.tier-percentage{color:var(--gray-500);font-size:.875rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--gray-50);border-radius:var(--border-radius-lg);transition:all var(--transition-normal)}.activity-item:hover{background:#fff;box-shadow:var(--shadow-md)}.activity-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--primary-100);color:var(--primary-600);border-radius:50%}.activity-content{flex:1}.activity-text{font-weight:500;color:var(--gray-900);margin-bottom:.25rem}.activity-time{font-size:.75rem;color:var(--gray-500)}@media (max-width: 1024px){.admin-loyalty-management{padding:1rem}.header-content{padding:2rem}.header-info h1{font-size:1.875rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.loyalty-tabs{padding:0 1rem}}@media (max-width: 768px){.admin-loyalty-management{padding:.5rem}.header-content{padding:1.5rem;flex-direction:column;align-items:flex-start;gap:1.5rem}.header-info h1{font-size:1.5rem}.header-info p{font-size:1rem}.header-actions{width:100%;justify-content:flex-start}.stats-grid{grid-template-columns:1fr}.loyalty-tabs{padding:0 .5rem;gap:.5rem}.tab{padding:.75rem 1rem;font-size:.75rem}.overview-tab,.programs-tab,.referrals-tab,.customers-tab,.analytics-tab,.tools-tab{padding:1rem}.program-card{flex-direction:column;align-items:flex-start;gap:1rem}.program-actions{width:100%;justify-content:flex-end}.tools-grid,.form-row{grid-template-columns:1fr}.modal{margin:1rem;max-width:calc(100% - 2rem)}}@media (max-width: 480px){.loyalty-tabs{flex-wrap:wrap}.tab{flex:1;min-width:calc(50% - .25rem);justify-content:center}.stat-value{font-size:2rem}.program-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}.stat-card .stat-value{animation:countUp 1s ease-out}@keyframes countUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.card:nth-child(1){animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.card:nth-child(4){animation-delay:.4s}.stat-card:nth-child(1){animation:slideInUp .6s ease .1s both}.stat-card:nth-child(2){animation:slideInUp .6s ease .2s both}.stat-card:nth-child(3){animation:slideInUp .6s ease .3s both}.stat-card:nth-child(4){animation:slideInUp .6s ease .4s both}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn:focus-visible,.tab:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}@media print{.admin-loyalty-management{background:#fff;padding:0}.header-actions,.loyalty-tabs,.btn{display:none}.stat-card,.card{box-shadow:none;border:1px solid var(--gray-300)}}.customer-analysis{background:var(--card-background);border-radius:var(--border-radius);padding:var(--spacing-lg);border:1px solid var(--border-color)}.customer-analysis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.customer-analysis-header h4{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.total-customers{font-size:.9rem;color:var(--text-secondary)}.total-customers strong{color:var(--primary-color);font-size:1.1rem}.customer-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.customer-type-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);position:relative;overflow:hidden;transition:all .3s ease}.customer-type-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--primary-color)}.customer-type-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.type-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);border-radius:50%;filter:grayscale(20%)}.type-info h5{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.customer-count{display:flex;align-items:baseline;gap:var(--spacing-xs)}.customer-count .count{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.customer-count .percentage{font-size:.9rem;color:var(--text-secondary)}.customer-type-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:.95rem;font-weight:600;color:var(--text-primary)}.customer-type-actions{margin-bottom:var(--spacing-sm)}.btn-view-details{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);cursor:pointer;transition:all .3s ease}.btn-view-details:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--primary-color-rgb),.3)}.btn-view-details:disabled{background:var(--text-disabled);cursor:not-allowed;opacity:.6}.engagement-bar{height:4px;background:var(--background-secondary);border-radius:2px;overflow:hidden;margin-top:var(--spacing-sm)}.engagement-fill{height:100%;background:linear-gradient(90deg,var(--success-color) 0%,var(--primary-color) 100%);border-radius:2px;transition:width .8s ease}.customer-details-modal{background:#fff;border-radius:var(--border-radius);width:95vw;max-width:1200px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.customer-details-modal .modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff}.customer-details-modal .modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.customer-details-modal .close-button{background:#fff3;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background-color .3s ease}.customer-details-modal .close-button:hover{background:#ffffff4d}.customer-details-modal .modal-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.customers-table{width:100%}.table-header{margin-bottom:var(--spacing-md)}.header-stats{font-size:.9rem;color:var(--text-secondary)}.table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--border-radius)}.customers-table table{width:100%;border-collapse:collapse;font-size:.9rem}.customers-table th{background:var(--background-secondary);color:var(--text-primary);font-weight:600;padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color);white-space:nowrap}.customers-table td{padding:var(--spacing-md);border-bottom:1px solid var(--gray-100);vertical-align:top}.customers-table tbody tr:hover{background:var(--background-hover)}.customer-info{display:flex;align-items:center;gap:var(--spacing-sm)}.customer-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.customer-name{font-weight:600;color:var(--text-primary);margin-bottom:2px}.customer-id{font-size:.8rem;color:var(--text-secondary)}.contact-info div{margin-bottom:2px;font-size:.85rem}.contact-info div:first-child{color:var(--text-primary)}.contact-info div:last-child{color:var(--text-secondary)}.order-stats{text-align:center}.total-orders{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.completed-orders{font-size:.8rem;color:var(--text-secondary)}.amount{font-weight:600;color:var(--text-primary);text-align:right}.loyalty-info{text-align:center}.coins{font-weight:600;color:var(--primary-color)}.earned{font-size:.8rem;color:var(--text-secondary)}.tier-badge{padding:4px 8px;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tier-badge.silver{background:#e5e7eb;color:#374151}.tier-badge.gold{background:#fde68a;color:#92400e}.tier-badge.platinum{background:#e0e7ff;color:#3730a3}.value-badge{padding:4px 8px;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.value-badge.premium{background:#dc2626;color:#fff}.value-badge.high-value{background:#ea580c;color:#fff}.value-badge.regular{background:#059669;color:#fff}.value-badge.active{background:#0284c7;color:#fff}.value-badge.new{background:#6b7280;color:#fff}.customer-actions{display:flex;gap:var(--spacing-xs);justify-content:center}.btn-view-profile,.btn-send-message{padding:6px;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-view-profile{background:var(--primary-color);color:#fff}.btn-view-profile:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-send-message{background:var(--success-color);color:#fff}.btn-send-message:hover{background:var(--success-dark);transform:translateY(-1px)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center}.loading-state .spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.empty-state{color:var(--text-secondary)}.empty-state svg{color:var(--text-disabled);margin-bottom:var(--spacing-md)}.empty-state h4{color:var(--text-primary);margin-bottom:var(--spacing-sm)}@media (max-width: 768px){.customer-types-grid,.customer-type-stats{grid-template-columns:1fr}.customer-details-modal{width:100vw;height:100vh;border-radius:0}.table-container{font-size:.8rem}.customers-table th,.customers-table td{padding:var(--spacing-sm)}}@media (max-width: 480px){.customer-analysis-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.membership-config-tab{padding:24px}.config-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.header-content h3{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:24px;font-weight:700;color:#1f2937}.header-content p{margin:0;color:#6b7280;font-size:14px}.membership-stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.membership-stats-cards .stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;display:flex;align-items:center;gap:16px}.membership-stats-cards .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;background:#f3f4f6;color:#6b7280}.membership-stats-cards .stat-icon.silver{background:#c0c0c01a;color:#8b8b8b}.membership-stats-cards .stat-icon.gold{background:#ffd7001a;color:#d4a024}.membership-stats-cards .stat-icon.platinum{background:#e5e4e21a;color:#9a9a9a}.config-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.config-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000001a;border:2px solid #e5e7eb;overflow:hidden;transition:all .3s ease}.config-card:hover{box-shadow:0 8px 25px #00000026}.config-card.silver{border-top-color:silver}.config-card.gold{border-top-color:gold}.config-card.platinum{border-top-color:#e5e4e2}.config-card-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #f3f4f6}.tier-info{display:flex;align-items:center;gap:12px}.tier-icon{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.tier-info h4{margin:0;font-size:20px;font-weight:700;color:#1f2937}.tier-status{font-size:12px;color:#10b981;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.tier-actions{display:flex;gap:8px}.config-content{padding:24px}.config-section{margin-bottom:24px}.config-section:last-child{margin-bottom:0}.config-section h5{margin:0 0 16px;font-size:16px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.config-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.field input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;transition:border-color .2s ease}.field input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.field-value{font-size:14px;font-weight:500;color:#1f2937;padding:8px 0}.boolean-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.boolean-field label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.boolean-field input[type=checkbox]{width:16px;height:16px;cursor:pointer}.checkbox{width:16px;height:16px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.checkbox.checked{background:#10b981;color:#fff}.checkbox:not(.checked){background:#f3f4f6;color:#9ca3af}.btn-sm{padding:6px 12px;font-size:13px}.btn-success{background:#10b981;color:#fff;border:1px solid #10b981}.btn-success:hover{background:#059669;border-color:#059669}.spin-icon{animation:spin 1s linear infinite}@media (max-width: 768px){.config-cards{grid-template-columns:1fr}.config-header{flex-direction:column;gap:16px;align-items:flex-start}.membership-stats-cards{grid-template-columns:repeat(2,1fr)}.config-fields,.boolean-benefits{grid-template-columns:1fr}}.coupon-tracking-tab{padding:2rem 0;min-height:600px}.coupon-tracking-tab .tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;background:#fff;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);border-left:4px solid var(--primary-500)}.coupon-tracking-tab .tab-header h2{display:flex;align-items:center;gap:.75rem;margin:0;color:var(--gray-800);font-size:1.5rem;font-weight:600}.coupon-tracking-tab .tab-actions{display:flex;align-items:center;gap:1rem}.view-selector{display:flex;gap:.5rem;background:var(--gray-100);padding:.25rem;border-radius:var(--border-radius-lg)}.view-selector .btn{padding:.5rem 1rem;font-size:.875rem;border-radius:var(--border-radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:.5rem}.view-selector .btn-outline{background:transparent;color:var(--gray-600)}.view-selector .btn-primary{background:var(--primary-500);color:#fff;box-shadow:var(--shadow-sm)}.view-selector .btn:hover{transform:translateY(-1px)}.coupon-overview{display:flex;flex-direction:column;gap:2rem}.coupon-overview .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.coupon-overview .stat-card{background:#fff;border-radius:var(--border-radius-xl);padding:1.5rem;box-shadow:var(--shadow-md);border:1px solid var(--gray-100);transition:all var(--transition-normal);position:relative;overflow:hidden}.coupon-overview .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-500),var(--secondary-500))}.coupon-overview .stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.coupon-overview .stat-card .stat-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--border-radius-lg);background:var(--primary-50);color:var(--primary-600);margin-bottom:1rem}.coupon-overview .stat-card .stat-content h3{font-size:2rem;font-weight:700;color:var(--gray-800);margin:0 0 .5rem}.coupon-overview .stat-card .stat-content p{font-size:1rem;font-weight:500;color:var(--gray-600);margin:0 0 .25rem}.coupon-overview .stat-card .stat-content small{font-size:.875rem;color:var(--gray-500)}.coupon-list-container{background:#fff;border-radius:var(--border-radius-xl);padding:2rem;box-shadow:var(--shadow-md)}.coupon-list-container h3{margin:0 0 1.5rem;color:var(--gray-800);font-size:1.25rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.coupon-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.coupon-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:1.5rem;cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.coupon-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary-500);transform:scaleY(0);transition:transform var(--transition-normal);transform-origin:bottom}.coupon-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);border-color:var(--primary-200)}.coupon-card:hover:before{transform:scaleY(1)}.coupon-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.coupon-header h4{margin:0;color:var(--gray-800);font-size:1.125rem;font-weight:600;line-height:1.4}.coupon-header .status{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.coupon-header .status.active{background:var(--success-50);color:var(--success-600);border:1px solid var(--success-200)}.coupon-header .status.inactive{background:var(--error-50);color:var(--error-600);border:1px solid var(--error-200)}.coupon-details{margin-bottom:1.25rem}.coupon-details p{margin:.375rem 0;font-size:.875rem;color:var(--gray-600);display:flex;justify-content:space-between}.coupon-details strong{color:var(--gray-700);font-weight:500}.coupon-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.25rem;padding:1rem;background:var(--gray-50);border-radius:var(--border-radius-md);border:1px solid var(--gray-100)}.coupon-stats .stat{text-align:center}.coupon-stats .stat .value{display:block;font-size:1.25rem;font-weight:700;color:var(--primary-600);line-height:1.2}.coupon-stats .stat .label{display:block;font-size:.75rem;color:var(--gray-500);margin-top:.25rem;text-transform:uppercase;letter-spacing:.025em}.recent-usage{margin-bottom:1.25rem;border-top:1px solid var(--gray-200);padding-top:1rem}.recent-usage h5{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--gray-700);text-transform:uppercase;letter-spacing:.025em}.usage-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--gray-100);font-size:.8125rem}.usage-item:last-child{border-bottom:none}.usage-item .user{color:var(--gray-700);font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usage-item .tier{padding:.125rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:capitalize;margin:0 .5rem}.usage-item .tier.silver{background:var(--gray-100);color:var(--gray-600)}.usage-item .tier.gold{background:var(--warning-50);color:var(--warning-600)}.usage-item .tier.platinum{background:var(--secondary-50);color:var(--secondary-600)}.usage-item .amount{color:var(--success-600);font-weight:600}.coupon-actions{text-align:center;border-top:1px solid var(--gray-200);padding-top:1rem}.coupon-actions .btn{background:var(--primary-500);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:.5rem}.coupon-actions .btn:hover{background:var(--primary-600);transform:translateY(-1px)}.coupon-usage-summary{background:#fff;border-radius:var(--border-radius-xl);padding:2rem;box-shadow:var(--shadow-md)}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--gray-100)}.summary-header h3{margin:0;color:var(--gray-800);font-size:1.25rem;font-weight:600}.filters{display:flex;gap:1rem}.filters select{padding:.5rem 1rem;border:1px solid var(--gray-300);border-radius:var(--border-radius-md);background:#fff;color:var(--gray-700);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.filters select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-50)}.summary-content{margin-top:1.5rem}.summary-stats{display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem;background:var(--gray-50);border-radius:var(--border-radius-md)}.summary-stats p{margin:0;font-size:.875rem;color:var(--gray-600)}.summary-stats strong{color:var(--gray-800);font-weight:600}.summary-table{overflow-x:auto;border-radius:var(--border-radius-md);border:1px solid var(--gray-200)}.summary-table table{width:100%;border-collapse:collapse}.summary-table th{background:var(--gray-50);padding:1rem;text-align:left;font-weight:600;color:var(--gray-700);border-bottom:2px solid var(--gray-200);font-size:.875rem;text-transform:uppercase;letter-spacing:.025em}.summary-table td{padding:1rem;border-bottom:1px solid var(--gray-100);color:var(--gray-600);font-size:.875rem}.summary-table tr:hover{background:var(--gray-50)}.coupon-usage-details{background:#fff;border-radius:var(--border-radius-xl);padding:2rem;box-shadow:var(--shadow-md)}.details-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--gray-100)}.details-header h3{margin:0 0 .75rem;color:var(--gray-800);font-size:1.25rem;font-weight:600}.coupon-info{display:flex;gap:2rem;font-size:.875rem;color:var(--gray-600)}.coupon-info span{display:flex;align-items:center;gap:.5rem}.details-table-container{border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid var(--gray-200);margin-bottom:1.5rem}.usage-table{width:100%;border-collapse:collapse}.usage-table th{background:var(--primary-500);color:#fff;padding:1rem;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.025em}.usage-table td{padding:1rem;border-bottom:1px solid var(--gray-100);font-size:.875rem;vertical-align:top}.usage-table tr:hover{background:var(--gray-50)}.usage-table tr:last-child td{border-bottom:none}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-info strong{color:var(--gray-800);font-weight:500}.user-info small{color:var(--gray-500);font-size:.75rem}.customer-type{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;text-transform:capitalize;font-weight:500;display:inline-block}.customer-type.house_owner{background:var(--primary-50);color:var(--primary-600);border:1px solid var(--primary-200)}.customer-type.mason{background:var(--warning-50);color:var(--warning-600);border:1px solid var(--warning-200)}.customer-type.builder_contractor{background:var(--success-50);color:var(--success-600);border:1px solid var(--success-200)}.customer-type.others{background:var(--gray-100);color:var(--gray-600);border:1px solid var(--gray-200)}.tier{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;text-transform:capitalize;font-weight:500;display:inline-block}.tier.silver{background:var(--gray-100);color:var(--gray-600);border:1px solid var(--gray-200)}.tier.gold{background:var(--warning-50);color:var(--warning-600);border:1px solid var(--warning-200)}.tier.platinum{background:var(--secondary-50);color:var(--secondary-600);border:1px solid var(--secondary-200)}.status.used{color:var(--success-600);font-weight:600}.status.awarded{color:var(--warning-600);font-weight:600}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:1.5rem;background:var(--gray-50);border-radius:var(--border-radius-md)}.pagination span{color:var(--gray-600);font-size:.875rem;font-weight:500}.pagination .btn{padding:.5rem 1rem;border:1px solid var(--gray-300);background:#fff;color:var(--gray-700);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem}.pagination .btn:hover:not(:disabled){background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.pagination .btn:disabled{opacity:.5;cursor:not-allowed}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md)}.loading-state{color:var(--gray-600)}.loading-state .spin{animation:spin 1s linear infinite;color:var(--primary-500);margin-bottom:1rem}.error-state{color:var(--error-600)}.user-frequency-tab{padding:20px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.frequency-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.frequency-title{display:flex;align-items:center;gap:12px}.frequency-title svg{color:#3b82f6}.frequency-title h2{margin:0;font-size:24px;font-weight:600;color:#111827}.frequency-title p{margin:4px 0 0;font-size:14px;color:#6b7280}.frequency-actions .btn{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease}.frequency-actions .btn:hover{background:#f9fafb;border-color:#9ca3af}.frequency-actions .btn-outline{border-color:#3b82f6;color:#3b82f6}.frequency-actions .btn-outline:hover{background:#3b82f6;color:#fff}.frequency-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:24px}.filter-group label{font-size:12px;font-weight:600;color:#374151;margin-bottom:4px;text-transform:uppercase;letter-spacing:.025em}.filter-group select,.filter-group input{padding:8px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;background:#fff;color:#111827}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.frequency-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:20px;display:flex;justify-content:space-between;align-items:center}.summary-content .summary-value{font-size:32px;font-weight:700;color:#111827;line-height:1;margin-bottom:4px}.summary-content .summary-label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.summary-icon{color:#9ca3af;opacity:.8}.frequency-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.table-header{padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.table-header h3{margin:0;font-size:16px;font-weight:600;color:#111827}.result-count{font-size:12px;color:#6b7280;background:#fff;padding:4px 8px;border:1px solid #d1d5db;border-radius:12px}.frequency-table{overflow-x:auto}.frequency-table table{width:100%;border-collapse:collapse}.frequency-table th{background:#f9fafb;padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid #e5e7eb}.frequency-table td{padding:16px;border-bottom:1px solid #f3f4f6;font-size:14px}.frequency-table tbody tr:hover{background:#f9fafb}.user-info .user-name{font-weight:600;color:#111827;margin-bottom:2px}.user-info .user-email{font-size:12px;color:#6b7280;margin-bottom:4px}.user-meta{display:flex;gap:6px}.user-type,.user-tier{font-size:10px;padding:2px 6px;border-radius:10px;font-weight:500}.user-type{background:#dbeafe;color:#1e40af}.user-tier{background:#fef3c7;color:#92400e}.usage-frequency{text-align:center}.frequency-number{font-size:20px;font-weight:700;color:#111827}.frequency-label{font-size:10px;color:#6b7280;text-transform:uppercase}.unique-coupons{text-align:center;font-size:16px;font-weight:600;color:#111827}.total-savings{text-align:center;font-size:16px;font-weight:600;color:#059669}.engagement-score{width:100px}.score-bar{height:20px;background:#e5e7eb;border-radius:10px;overflow:hidden;position:relative}.score-bar:before{content:"";position:absolute;top:0;left:0;height:100%;background:#3b82f6;border-radius:10px;width:var(--score-width, 0%)}.score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:600;color:#111827;z-index:1}.pattern-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;text-align:center;min-width:70px}.pattern-badge.very-active{background:#dcfce7;color:#166534}.pattern-badge.active{background:#dbeafe;color:#1e40af}.pattern-badge.moderate{background:#fef3c7;color:#92400e}.pattern-badge.low{background:#fee2e2;color:#991b1b}.pattern-badge.inactive{background:#f3f4f6;color:#4b5563}.last-usage{text-align:center}.last-usage>div:first-child{font-weight:500;color:#111827;font-size:13px}.time-ago{font-size:11px;color:#6b7280;margin-top:2px}.no-usage{color:#9ca3af;font-style:italic;font-size:12px}.btn-sm{padding:4px 8px;font-size:11px;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#374151;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease}.btn-sm:hover{background:#f3f4f6;border-color:#9ca3af}.btn-outline{border-color:#3b82f6;color:#3b82f6}.btn-outline:hover{background:#3b82f6;color:#fff}.user-history-modal{max-width:800px;max-height:80vh;overflow-y:auto}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;width:90%;max-width:600px}.modal-header{padding:20px 24px 16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px}.history-summary{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:24px}.history-summary .user-info h4{margin:0 0 4px;font-size:18px;font-weight:600;color:#111827}.history-summary .user-info p{margin:0 0 8px;color:#6b7280;font-size:14px}.user-badges{display:flex;gap:6px}.user-badges .badge{padding:2px 8px;background:#3b82f6;color:#fff;border-radius:10px;font-size:10px;font-weight:500}.history-stats{display:flex;gap:24px}.stat{text-align:center}.stat-value{font-size:20px;font-weight:700;color:#111827;margin-bottom:2px}.stat-label{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.usage-history h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#111827}.history-timeline{max-height:300px;overflow-y:auto}.timeline-item{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid #f3f4f6}.timeline-item:last-child{border-bottom:none}.timeline-date{width:80px;font-size:11px;color:#6b7280;font-weight:500;flex-shrink:0}.timeline-content{flex:1}.coupon-name{font-weight:600;color:#111827;margin-bottom:4px;font-size:13px}.usage-details{display:flex;gap:12px;font-size:11px;color:#6b7280}.usage-details span{background:#f3f4f6;padding:2px 6px;border-radius:8px}.empty-state,.no-history{text-align:center;padding:40px 20px;color:#9ca3af}.empty-state h3{margin:12px 0 6px;color:#6b7280;font-weight:500}.empty-state p,.no-history p{margin:0;font-size:14px}.tab-loading,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;margin-bottom:12px}.error-state svg{color:#ef4444;margin-bottom:12px}.error-state h3{margin:0 0 8px;color:#111827;font-weight:600}.error-state p{margin:0 0 16px;color:#6b7280}.error-state .btn{background:#ef4444;color:#fff;border:none}.error-state .btn:hover{background:#dc2626}@media (max-width: 768px){.user-frequency-tab{padding:16px}.frequency-header{flex-direction:column;gap:12px;align-items:stretch}.frequency-filters{grid-template-columns:1fr}.frequency-summary{grid-template-columns:repeat(2,1fr)}.frequency-table th,.frequency-table td{padding:8px;font-size:12px}.history-summary{flex-direction:column;gap:16px}.history-stats{justify-content:center}.modal-content{width:95%;margin:20px}}@media (max-width: 480px){.membership-stats-cards{grid-template-columns:1fr}.tier-actions{flex-direction:column;gap:4px}.config-card-header{flex-direction:column;gap:16px;align-items:flex-start}}.radio-group{display:flex;flex-direction:column;gap:12px;margin-top:8px}.radio-option{display:flex;flex-direction:column;padding:12px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease}.radio-option:hover{border-color:#3b82f6;background-color:#f8fafc}.radio-option input[type=radio]{margin:0 8px 0 0}.radio-option input[type=radio]:checked+label{color:#3b82f6;font-weight:600}.radio-option:has(input[type=radio]:checked){border-color:#3b82f6;background-color:#eff6ff}.radio-option label{font-weight:500;margin:0;cursor:pointer;display:flex;align-items:center}.radio-description{font-size:.875rem;color:#6b7280;margin-top:4px;margin-left:24px}.form-note{color:#6b7280;font-style:italic;margin-top:4px}.promotion-modal{max-width:600px;max-height:90vh;overflow-y:auto}.promotion-modal .modal-body{max-height:70vh;overflow-y:auto}.admin-supplier-detail-page{padding:2rem;max-width:1200px;margin:0 auto}.page-header-admin{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-top:50px}.back-button{background:none;border:1px solid #ddd;padding:.5rem 1rem;border-radius:4px;cursor:pointer;color:#666;text-decoration:none;display:flex;align-items:center;gap:.5rem}.back-button:hover{background:#f5f5f5}.supplier-detail-container{display:flex;flex-direction:column;gap:2rem}.detail-section{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.detail-section h3{margin:0 0 1rem;color:#333;border-bottom:2px solid #f5f5f5;padding-bottom:.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item label{font-weight:600;color:#555;font-size:.9rem}.info-item span{color:#333;padding:.5rem;background:#f9f9f9;border-radius:4px;border:1px solid #eee}.status-info{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem}.status-item{display:flex;flex-direction:column;gap:.5rem}.status{padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;text-align:center}.status.approved{background:#d4edda;color:#155724}.status.rejected{background:#f8d7da;color:#721c24}.status.pending{background:#fff3cd;color:#856404}.status.active{background:#d4edda;color:#155724}.status.suspended{background:#f8d7da;color:#721c24}.action-buttons-admin{display:flex;gap:1rem;flex-wrap:wrap}.btn{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-success:hover:not(:disabled){background:#1e7e34}.btn-danger:hover:not(:disabled){background:#c82333}.btn-warning:hover:not(:disabled){background:#e0a800}.btn-secondary:hover:not(:disabled){background:#545b62}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-item{text-align:center;padding:1rem;background:#f8f9fa;border-radius:6px}.stat-item label{display:block;font-size:.9rem;color:#666;margin-bottom:.5rem}.stat-item span{font-size:1.5rem;font-weight:700;color:#333}.modal-content{background:#fff;border-radius:8px;padding:2rem;width:90%;max-width:500px}.modal-content h3{margin:0 0 1.5rem;color:#333}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#555}.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;min-height:100px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:1rem}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.error-container h2{color:#dc3545;margin-bottom:1rem}@media (max-width: 768px){.admin-supplier-detail-page{padding:1rem}.info-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.status-info{flex-direction:column;gap:1rem}}.supplier-account-notification{position:fixed;top:0;left:0;right:0;color:#fff;z-index:9999;box-shadow:0 4px 12px #00000026;animation:slideDownNotification .3s ease-out}.account-status-suspended{background:linear-gradient(135deg,#dc2626,#b91c1c)}.account-status-pending{background:linear-gradient(135deg,#f59e0b,#d97706)}@keyframes slideDownNotification{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.account-notification-wrapper{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 8px;max-width:1200px;margin:0 auto;gap:16px}.account-notification-icon{display:flex;align-items:center;color:#ffffffe6;flex-shrink:0}.account-notification-content{flex:1}.account-notification-title{margin:0 0 4px;font-size:1.1rem;font-weight:600}.account-notification-description{margin:0 0 4px;font-size:.9rem;opacity:.9;line-height:1.4}.account-notification-reason{font-size:.8rem;opacity:.8}.account-notification-controls{display:flex;gap:8px;flex-shrink:0}.account-logout-control,.account-close-control{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.account-logout-control{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.account-logout-control:hover{background:#ffffff4d;transform:translateY(-1px)}.account-close-control{background:transparent;color:#fff;border:1px solid transparent;padding:8px}.account-close-control:hover{background:#ffffff1a}.account-notification-support{display:flex;align-items:center;gap:8px;padding:8px 20px 12px;font-size:.8rem;opacity:.9;border-top:1px solid rgba(255,255,255,.2)}.account-support-link{display:flex;align-items:center;gap:4px;color:#fff;text-decoration:none;transition:opacity .2s ease}.account-support-link:hover{text-decoration:underline;opacity:.8}.account-support-divider{opacity:.6;margin:0 4px}@media (max-width: 768px){.account-notification-wrapper{flex-direction:column;text-align:center;gap:12px;padding:16px 20px 12px}.account-notification-title{font-size:1rem}.account-notification-description{font-size:.85rem}.account-notification-controls{justify-content:center}.account-notification-support{flex-wrap:wrap;justify-content:center;padding-top:12px}.account-support-divider{display:none}}@media (max-width: 480px){.account-notification-wrapper{padding:16px 16px 12px}.account-notification-controls{flex-direction:column;width:100%}.account-logout-control,.account-close-control{width:100%;justify-content:center}.account-notification-support{flex-direction:column;gap:12px;text-align:center}.account-support-link{justify-content:center}}body.supplier-account-notification-active{margin-top:120px}@media (max-width: 768px){body.supplier-account-notification-active{margin-top:140px}}@media (max-width: 480px){body.supplier-account-notification-active{margin-top:160px}}.account-status-suspended .account-notification-icon{animation:pulseWarning 2s infinite}.account-status-pending .account-notification-icon{animation:pulseInfo 2s infinite}@keyframes pulseWarning{0%,to{opacity:.9}50%{opacity:1}}@keyframes pulseInfo{0%,to{opacity:.8}50%{opacity:1}}.account-logout-control:focus,.account-close-control:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}@media (prefers-contrast: high){.supplier-account-notification{border-bottom:3px solid currentColor}.account-notification-controls button{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.supplier-account-notification,.account-notification-icon{animation:none}.account-logout-control:hover,.account-close-control:hover{transform:none}}.location-selector{position:relative}.location-trigger{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:250px}.location-trigger:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.location-icon{font-size:1.2rem;color:#dc3545}.location-info{flex:1;display:flex;flex-direction:column;align-items:flex-start}.location-text{font-weight:500;color:#212529;font-size:.95rem}.location-state{font-size:.8rem;color:#6c757d}.location-arrow{color:#6c757d;font-size:.8rem;transition:transform .2s ease}.location-modal .location-arrow{transform:rotate(180deg)}.location-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-overlay{position:absolute;inset:0;background:#00000080}.modal-content{position:relative;background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#212529}.modal-close{background:none;border:none;font-size:1.5rem;color:#6c757d;cursor:pointer;padding:4px;line-height:1}.modal-close:hover{color:#212529}.modal-body{padding:24px;max-height:60vh;overflow-y:auto}.detect-location-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;margin-bottom:24px;transition:all .2s ease}.detect-location-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #007bff4d}.detect-location-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.detect-icon{font-size:1.2rem}.search-section{margin-bottom:24px}.search-section h4{margin:0 0 12px;font-size:1rem;font-weight:500;color:#212529}.city-search{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s ease}.city-search:focus{border-color:#007bff}.cities-section,.areas-section{margin-bottom:20px}.areas-section h4{margin:0 0 16px;font-size:1rem;font-weight:500;color:#212529;padding-top:16px;border-top:1px solid #e9ecef}.cities-list,.areas-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.city-item,.area-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.city-item:hover,.area-item:hover{border-color:#007bff;background:#f0f8ff}.city-item.selected,.area-item.selected{border-color:#007bff;background:linear-gradient(135deg,#e3f2fd,#f0f8ff);box-shadow:0 2px 8px #007bff33}.city-info,.area-info{display:flex;flex-direction:column;gap:4px}.city-name,.area-name{font-weight:500;color:#212529;font-size:1rem}.city-state,.area-pincodes{color:#6c757d;font-size:.85rem}.city-meta,.area-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.delivery-info,.delivery-time,.delivery-charge{font-size:.8rem;color:#28a745;font-weight:500}.pincodes-count{font-size:.75rem;color:#6c757d}.loading{text-align:center;padding:20px;color:#6c757d;font-style:italic}.no-areas{text-align:center;padding:20px;color:#6c757d;font-style:italic;background:#f8f9fa;border-radius:8px;margin:0}@media (max-width: 768px){.location-trigger{min-width:200px;padding:10px 12px}.location-text{font-size:.9rem}.modal-content{margin:10px;max-width:none;max-height:90vh}.modal-header,.modal-body{padding:16px}.city-item,.area-item{padding:12px;flex-direction:column;align-items:flex-start;gap:8px}.city-meta,.area-meta{align-items:flex-start;width:100%}}.cities-list::-webkit-scrollbar,.areas-list::-webkit-scrollbar{width:6px}.cities-list::-webkit-scrollbar-track,.areas-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.cities-list::-webkit-scrollbar-thumb,.areas-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.cities-list::-webkit-scrollbar-thumb:hover,.areas-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.whatsapp-register{min-height:100vh;background-color:#f7f9fb;background-image:radial-gradient(circle at 25% 25%,#e8f4fd 0%,transparent 50%),radial-gradient(circle at 75% 75%,#fff2e8 0%,transparent 50%);display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.register-container{background-color:#fff;border-radius:16px;padding:80px 32px;max-width:440px;width:100%;box-shadow:0 4px 12px #0000000d,0 2px 4px #00000014,0 1px 2px #0000000d;border:1px solid rgba(0,0,0,.06);position:relative;animation:unacademy-slide-in-up .4s cubic-bezier(.25,.46,.45,.94)}@keyframes unacademy-slide-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.register-header{text-align:center;margin-bottom:36px}.whatsapp-logo{margin-bottom:20px;display:flex;justify-content:center}.whatsapp-register .logo,.whatsapp-register .logo-icon{width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,#08bd80,#00a873);display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;margin:0 auto;box-shadow:0 4px 8px #08bd8033,0 2px 4px #08bd801a}.register-header h1{margin:0 0 8px;font-size:1.75rem;font-weight:700;color:#24292f;line-height:1.2;letter-spacing:-.02em}.register-header p{margin:0;color:#656d76;font-size:1rem;line-height:1.4;font-weight:400}.progress-indicator{display:flex;justify-content:center;align-items:center;margin-bottom:40px;padding:0 16px}.progress-step{display:flex;flex-direction:column;align-items:center;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.whatsapp-register .step-number{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;transition:all .3s ease;position:relative;z-index:2;border:2px solid #e1e7ef;background-color:#fff;color:#8b949e}.whatsapp-register .progress-step.active .step-number{background-color:#08bd80;color:#fff;border-color:#08bd80;box-shadow:0 4px 8px #08bd8033,0 0 0 4px #08bd8014}.whatsapp-register .progress-step.completed .step-number{background-color:#08bd80;color:#fff;border-color:#08bd80;box-shadow:0 2px 4px #08bd8026}.whatsapp-register .progress-step.completed .step-number:before{content:"✓";position:absolute;font-size:1rem;font-weight:700}.whatsapp-register .step-label{margin-top:8px;font-size:.875rem;font-weight:500;color:#8b949e;transition:color .3s ease}.whatsapp-register .progress-step.active .step-label{color:#08bd80;font-weight:600}.whatsapp-register .progress-step.completed .step-label{color:#08bd80}.whatsapp-register .progress-line{flex:1;height:2px;background-color:#e1e7ef;margin:0 16px;border-radius:2px;position:relative;transition:all .3s ease}.whatsapp-register .progress-line.completed{background-color:#08bd80}.register-step{margin-bottom:24px;animation:unacademy-fade-in .4s ease-out}@keyframes unacademy-fade-in{0%{opacity:0}to{opacity:1}}.step-header{text-align:center;margin-bottom:28px}.step-header h2{margin:0 0 8px;font-size:1.5rem;font-weight:700;color:#24292f;line-height:1.25;letter-spacing:-.01em}.step-header p{margin:0;color:#656d76;font-size:1rem;line-height:1.4}.phone-form{margin-bottom:28px}.whatsapp-register .phone-input-group{display:flex;background-color:#fff;border:2px solid #d0d7de;border-radius:12px;overflow:hidden;margin-bottom:20px;transition:all .2s ease;position:relative}.whatsapp-register .phone-input-group:focus-within{border-color:#08bd80;box-shadow:0 0 0 3px #08bd801a,0 2px 4px #0000000a}.whatsapp-register .country-code{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 18px;background-color:#f6f8fa;border-right:2px solid #d0d7de;font-weight:600;color:#24292f;font-size:1rem;min-width:70px}.whatsapp-register .flag{width:20px;height:15px;border-radius:2px;box-shadow:0 1px 2px #0000001a}.whatsapp-register .phone-input{flex:1;padding:16px 18px;border:none;font-size:1rem;color:#24292f;background-color:transparent;outline:none;font-weight:500}.whatsapp-register .phone-input::placeholder{color:#8b949e;font-weight:400}.whatsapp-register .continue-btn,.whatsapp-register .btn-primary{background-color:#08bd80;color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;box-shadow:0 2px 4px #08bd8033}.whatsapp-register .continue-btn:before,.whatsapp-register .btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 100%);transition:opacity .2s ease}.whatsapp-register .continue-btn:hover:not(:disabled),.whatsapp-register .btn-primary:hover:not(:disabled){background-color:#00a873;transform:translateY(-1px);box-shadow:0 4px 8px #08bd8040,0 2px 4px #08bd8026}.whatsapp-register .continue-btn:active:not(:disabled),.whatsapp-register .btn-primary:active:not(:disabled){transform:translateY(0)}.whatsapp-register .continue-btn:disabled,.whatsapp-register .btn-primary:disabled{background-color:#8b949e;cursor:not-allowed;transform:none;box-shadow:none}.whatsapp-register .complete-btn{background-color:#08bd80;color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;box-shadow:0 2px 4px #08bd8033}.whatsapp-register .complete-btn:hover:not(:disabled){background-color:#00a873;transform:translateY(-1px);box-shadow:0 4px 8px #08bd8040,0 2px 4px #08bd8026}.whatsapp-register .complete-btn:disabled{background-color:#8b949e;cursor:not-allowed;transform:none}.whatsapp-register .btn-outline{background-color:transparent;color:#08bd80;border:2px solid #08bd80;padding:14px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.whatsapp-register .btn-outline:hover{background-color:#08bd80;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #08bd8026}.whatsapp-register .btn-text,.whatsapp-register .resend-btn,.whatsapp-register .change-number-btn{background:none;border:none;color:#08bd80;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s ease;padding:8px 12px;border-radius:6px;display:inline-flex;align-items:center;gap:6px}.whatsapp-register .btn-text:hover,.whatsapp-register .resend-btn:hover,.whatsapp-register .change-number-btn:hover{color:#00a873;background-color:#08bd800a;text-decoration:none}.whatsapp-register .otp-inputs{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.whatsapp-register .otp-digit,.whatsapp-register .otp-input{width:52px;height:56px;border:2px solid #d0d7de;border-radius:10px;text-align:center;font-size:1.25rem;font-weight:700;color:#24292f;outline:none;transition:all .2s ease;background-color:#fff}.whatsapp-register .otp-digit:focus,.whatsapp-register .otp-input:focus{border-color:#08bd80;box-shadow:0 0 0 3px #08bd801a,0 2px 4px #0000000a;transform:translateY(-1px)}.otp-footer{text-align:center;margin-bottom:20px}.whatsapp-register .otp-footer p,.whatsapp-register .resend-timer{margin:0;color:#656d76;font-size:.9rem;font-weight:400}.whatsapp-register .form-group{margin-bottom:20px}.whatsapp-register .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#24292f;font-size:.9rem;letter-spacing:.01em}.whatsapp-register .form-group input,.whatsapp-register .form-input,.whatsapp-register .form-select{width:100%;padding:14px 16px;border:2px solid #d0d7de;border-radius:10px;font-size:1rem;color:#24292f;background-color:#fff;outline:none;transition:all .2s ease;font-weight:500;box-sizing:border-box}.whatsapp-register .form-group input:focus,.whatsapp-register .form-input:focus,.whatsapp-register .form-select:focus{border-color:#08bd80;box-shadow:0 0 0 3px #08bd801a,0 2px 4px #0000000a}.whatsapp-register .form-group input::placeholder,.whatsapp-register .form-input::placeholder{color:#8b949e;font-weight:400}.whatsapp-register .form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%238b949e' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;appearance:none}.whatsapp-register .customer-types{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.whatsapp-register .customer-type-btn{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #d0d7de;border-radius:12px;background-color:#fff;cursor:pointer;transition:all .2s ease;text-align:left}.whatsapp-register .customer-type-btn:hover{border-color:#08bd80;background-color:#f6f8fa}.whatsapp-register .customer-type-btn.selected{border-color:#08bd80;background-color:#08bd800a;box-shadow:0 2px 4px #08bd801a}.whatsapp-register .type-icon{font-size:1.5rem;line-height:1}.whatsapp-register .type-info{display:flex;flex-direction:column;gap:2px}.whatsapp-register .type-label{font-weight:600;color:#24292f;font-size:.9rem}.whatsapp-register .type-desc{color:#656d76;font-size:.75rem;line-height:1.3}.whatsapp-register .benefits-section{border-top:1px solid #e1e7ef;padding-top:24px;margin-top:24px}.whatsapp-register .benefits-section h3{margin:0 0 16px;font-size:1.1rem;font-weight:700;color:#24292f;text-align:center}.whatsapp-register .benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.whatsapp-register .benefit-item{display:flex;align-items:center;gap:10px;padding:14px;background-color:#f6f8fa;border-radius:10px;font-size:.85rem;color:#24292f;font-weight:500;border:1px solid #e1e7ef}.whatsapp-register .benefit-icon{font-size:1.2rem;line-height:1;color:#08bd80}.whatsapp-register .spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:unacademy-spin 1s linear infinite}@keyframes unacademy-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.whatsapp-register .terms-text{text-align:center;margin-top:20px;padding:16px;background-color:#f6f8fa;border-radius:10px;border:1px solid #e1e7ef}.whatsapp-register .terms-text p{margin:0;font-size:.85rem;color:#656d76;line-height:1.4}.whatsapp-register .terms-text a,.whatsapp-register .auth-link{color:#08bd80;text-decoration:none;font-weight:600;transition:color .2s ease}.whatsapp-register .terms-text a:hover,.whatsapp-register .auth-link:hover{color:#00a873;text-decoration:underline}.whatsapp-register .registration-type-selector{text-align:center;margin-bottom:20px;padding:14px;background-color:#f6f8fa;border-radius:10px;border:1px solid #e1e7ef}.whatsapp-register .switch-text{margin:0;font-size:.9rem;color:#656d76;font-weight:400}.whatsapp-register .switch-link{color:#08bd80;text-decoration:none;font-weight:600;transition:color .2s ease}.whatsapp-register .switch-link:hover{color:#00a873;text-decoration:underline}.whatsapp-register .form-input[readonly]{background-color:#f6f8fa;color:#656d76;border-color:#e1e7ef;cursor:default}.whatsapp-register .form-input[readonly]:focus{border-color:#e1e7ef;box-shadow:none}.whatsapp-register .form-group small{display:block;margin-top:4px;color:#08bd80;font-size:.8rem;font-weight:500}.whatsapp-register .form-hint{display:block;font-size:.75rem;color:#8b949e;margin-top:4px;font-weight:400}.whatsapp-register .address-filled:after{content:"✓";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#08bd80;font-weight:700;font-size:1.1rem}.whatsapp-register .form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px}.whatsapp-register .btn-full{width:100%}.whatsapp-register .verification-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background-color:#f6f8fa;border-radius:10px;margin-top:16px;border:1px solid #e1e7ef}.whatsapp-register .verification-loading p{margin:0;color:#656d76;font-weight:500}.whatsapp-register .verification-info{text-align:center;margin-top:20px;padding:16px;background-color:#08bd800a;border-radius:10px;border:1px solid rgba(8,189,128,.1)}.whatsapp-register .verification-info p{margin:6px 0;color:#24292f;font-size:.85rem}.whatsapp-register .verification-info a{color:#08bd80;text-decoration:none;font-weight:600}.whatsapp-register .verification-info a:hover{color:#00a873;text-decoration:underline}@media (max-width: 768px){.whatsapp-register{padding:16px}.register-container{padding:28px 24px;border-radius:12px}.register-header h1{font-size:1.5rem}.progress-indicator{padding:0 12px;margin-bottom:28px}.whatsapp-register .step-number{width:44px;height:44px;font-size:.9rem}.whatsapp-register .progress-line{margin:0 12px}.whatsapp-register .step-label{font-size:.8rem}.whatsapp-register .otp-inputs{gap:10px}.whatsapp-register .otp-digit,.whatsapp-register .otp-input{width:46px;height:52px;font-size:1.1rem}.whatsapp-register .customer-types,.whatsapp-register .benefits-grid{grid-template-columns:1fr}.whatsapp-register .phone-input-group{flex-direction:column}.whatsapp-register .country-code{border-right:none;border-bottom:2px solid #d0d7de;justify-content:center}.whatsapp-register .form-row{grid-template-columns:1fr;gap:12px}}@media (max-width: 480px){.register-container{padding:24px 20px;margin:10px}.whatsapp-register .logo,.whatsapp-register .logo-icon{width:56px;height:56px;border-radius:10px;font-size:24px}.register-header h1{font-size:1.35rem}.step-header h2{font-size:1.25rem}.whatsapp-register .step-number{width:40px;height:40px;font-size:.85rem}.whatsapp-register .step-label{font-size:.7rem;margin-top:6px}.whatsapp-register .otp-inputs{gap:8px}.whatsapp-register .otp-digit,.whatsapp-register .otp-input{width:42px;height:48px;font-size:1rem}.whatsapp-register .customer-type-btn{padding:14px}.whatsapp-register .type-label{font-size:.85rem}.whatsapp-register .type-desc{font-size:.7rem}}.whatsapp-register .continue-btn:focus-visible,.whatsapp-register .btn-primary:focus-visible,.whatsapp-register .complete-btn:focus-visible,.whatsapp-register .btn-outline:focus-visible{outline:2px solid #08bd80;outline-offset:2px}@media (prefers-contrast: high){.register-container{border:2px solid #24292f}.whatsapp-register .step-number,.whatsapp-register .form-group input,.whatsapp-register .form-input,.whatsapp-register .form-select,.whatsapp-register .phone-input,.whatsapp-register .otp-digit,.whatsapp-register .otp-input{border-width:3px}}@media (prefers-reduced-motion: reduce){.whatsapp-register *,.whatsapp-register *:before,.whatsapp-register *:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}@media print{.whatsapp-register{background:#fff}.register-container{box-shadow:none;border:1px solid #24292f}.progress-indicator{display:none}}.dashboard-stats{margin-bottom:30px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:25px;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:all .3s ease}.stat-card.revenue:before{background:linear-gradient(90deg,#4caf50,#45a049)}.stat-card.orders:before{background:linear-gradient(90deg,#2196f3,#1976d2)}.stat-card.products:before{background:linear-gradient(90deg,#9c27b0,#7b1fa2)}.stat-card.aov:before{background:linear-gradient(90deg,#ff9800,#f57c00)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #00000026}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.stat-icon{font-size:2.5rem;padding:15px;border-radius:16px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.stat-card:hover .stat-icon{transform:scale(1.1);box-shadow:0 8px 25px #00000026}.stat-growth{text-align:right}.growth-indicator{display:flex;align-items:center;gap:5px;padding:8px 12px;border-radius:20px;font-size:.85rem;font-weight:600;transition:all .3s ease}.growth-indicator.positive{background:linear-gradient(135deg,#4caf5026,#4caf500d);color:#4caf50;border:1px solid rgba(76,175,80,.2)}.growth-indicator.negative{background:linear-gradient(135deg,#f4433626,#f443360d);color:#f44336;border:1px solid rgba(244,67,54,.2)}.growth-indicator.neutral{background:linear-gradient(135deg,#9e9e9e26,#9e9e9e0d);color:#9e9e9e;border:1px solid rgba(158,158,158,.2)}.growth-icon{font-size:.9rem}.growth-text{font-weight:700;letter-spacing:.5px}.stat-content{text-align:center;margin-bottom:20px}.stat-value{font-size:2.2rem;font-weight:700;color:#333;margin-bottom:8px;line-height:1}.stat-title{font-size:1.1rem;font-weight:600;color:#555;margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}.stat-description{font-size:.85rem;color:#777;line-height:1.4}.stat-footer{text-align:center;padding-top:15px;border-top:1px solid rgba(0,0,0,.05)}.stat-period{font-size:.8rem;color:#999;font-style:italic}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr;gap:15px}.stat-card{padding:20px}.stat-icon{font-size:2rem;padding:12px}.stat-value{font-size:1.8rem}.stat-header,.stat-content{margin-bottom:15px}}@media (max-width: 480px){.stat-card{padding:15px}.stat-icon{font-size:1.8rem;padding:10px}.stat-value{font-size:1.6rem}.growth-indicator{padding:6px 10px;font-size:.8rem}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card{animation:countUp .6s ease-out}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.sales-chart{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 20px #00000014;min-height:500px;width:100%;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sales-chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;gap:16px}.header-left{flex:1;min-width:200px}.chart-title{font-size:20px;font-weight:600;color:#111827;margin:0 0 8px}.growth-indicator{display:flex;align-items:center;gap:8px}.growth{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;padding:4px 8px;border-radius:6px}.growth.positive{background:#dcfce7;color:#166534}.growth.negative{background:#fee2e2;color:#dc2626}.growth-label{font-size:12px;color:#6b7280}.chart-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.control-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:14px;cursor:pointer;outline:none;transition:border-color .2s}.control-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chart-type-tabs{display:flex;background:#f3f4f6;border-radius:6px;padding:2px}.tab-btn{padding:6px 12px;border:none;background:transparent;color:#6b7280;font-size:13px;font-weight:500;border-radius:4px;cursor:pointer;transition:all .2s}.tab-btn.active{background:#3b82f6;color:#fff;box-shadow:0 1px 3px #0000001a}.tab-btn:hover:not(.active){background:#e5e7eb}.chart-legend{display:flex;gap:24px;margin-bottom:20px;justify-content:center}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.legend-color{width:14px;height:14px;border-radius:2px}.legend-color.sales{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.legend-color.orders{background:linear-gradient(135deg,#f59e0b,#d97706)}.chart-container{position:relative;height:280px;margin:20px 0;display:flex;background:#fafafa;border-radius:8px;padding:16px;border:1px solid #e5e7eb}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;width:80px;height:100%;padding-right:12px;border-right:1px solid #e5e7eb}.y-axis-label{font-size:12px;color:#6b7280;text-align:right;line-height:1;font-weight:500}.chart-main{flex:1;position:relative;height:100%;margin-left:12px}.chart-grid{position:absolute;inset:0 0 30px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.grid-line{height:1px;background:#e5e7eb;width:100%;opacity:.5}.chart-bars{position:absolute;inset:0 0 30px;display:flex;align-items:flex-end;gap:4px;padding:0 8px;overflow-x:auto}.bar-group{flex:1;min-width:20px;max-width:40px;display:flex;flex-direction:column;align-items:center;height:100%}.bar-container{flex:1;display:flex;align-items:flex-end;justify-content:center;width:100%;gap:1px;min-height:100%;position:relative}.bar{border-radius:3px 3px 0 0;transition:all .2s ease;cursor:pointer;position:relative;min-height:4px!important;display:block!important}.sales-bar{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;width:12px;box-shadow:0 2px 4px #3b82f633}.orders-bar{background:linear-gradient(135deg,#f59e0b,#d97706)!important;width:12px;box-shadow:0 2px 4px #f59e0b33}.bar:hover{transform:scaleY(1.05) scaleX(1.1);box-shadow:0 4px 12px #00000026;z-index:10}.bar-label{margin-top:8px;font-size:10px;color:#6b7280;text-align:center;transform:rotate(-45deg);transform-origin:center;white-space:nowrap;max-width:40px;overflow:hidden;text-overflow:ellipsis;line-height:1}.chart-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.summary-item{text-align:center;padding:16px;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:8px;border:1px solid #e2e8f0;transition:transform .2s ease}.summary-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.summary-value{font-size:20px;font-weight:700;color:#111827;margin-bottom:4px;line-height:1.2}.summary-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-weight:500}@media (max-width: 768px){.sales-chart{padding:16px}.sales-chart-header{flex-direction:column;align-items:stretch}.chart-controls{justify-content:center}.control-select{flex:1;min-width:100px}.chart-container{height:220px;padding:12px}.chart-y-axis{width:60px}.y-axis-label{font-size:10px}.bar-label{font-size:9px;display:none}.chart-summary{grid-template-columns:repeat(2,1fr);gap:12px}.summary-item{padding:12px 8px}.summary-value{font-size:16px}.summary-label{font-size:11px}}@media (max-width: 480px){.chart-controls{flex-direction:column;width:100%}.control-select,.chart-type-tabs{width:100%}.chart-container{height:180px}.chart-summary{grid-template-columns:1fr}.chart-legend{flex-direction:column;gap:8px;align-items:center}}.bar{border:1px solid rgba(255,0,0,.1)!important}.chart-bars{border:1px dashed rgba(0,255,0,.2)!important}.quick-actions{background:#fff;border-radius:15px;padding:25px;box-shadow:0 8px 25px #0000001a}.actions-header{margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.actions-title{font-size:1.4rem;font-weight:600;color:#2c3e50;margin:0}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.action-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:25px 20px;border:2px solid #e5e7eb;border-radius:15px;text-decoration:none;color:inherit;transition:all .3s ease;background:linear-gradient(135deg,#fafafa,#fff);cursor:pointer;position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s}.action-card:hover:before{left:100%}.action-card:hover{border-color:#667eea;transform:translateY(-5px);box-shadow:0 15px 35px #667eea33;background:linear-gradient(135deg,#f8faff,#fff)}.action-icon{font-size:2.5rem;margin-bottom:15px;padding:15px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:70px;height:70px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.action-card:hover .action-icon{transform:scale(1.1);box-shadow:0 10px 20px #667eea4d}.action-title{font-size:1.1rem;font-weight:600;color:#2c3e50;margin:0 0 8px}.action-description{font-size:.9rem;color:#6b7280;margin:0;line-height:1.4}.action-card.add-product .action-icon{background:linear-gradient(135deg,#10b981,#059669)}.action-card.manage-orders .action-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.action-card.analytics .action-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.action-card.settings .action-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.action-card.inventory .action-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.action-card.profile .action-icon{background:linear-gradient(135deg,#06b6d4,#0891b2)}@media (max-width: 768px){.actions-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.action-card{padding:20px 15px}.action-icon{font-size:2rem;width:60px;height:60px;margin-bottom:12px}.action-title{font-size:1rem}.action-description{font-size:.85rem}}@media (max-width: 480px){.actions-grid{grid-template-columns:1fr 1fr;gap:12px}.action-card{padding:15px 10px}.action-icon{font-size:1.8rem;width:50px;height:50px;margin-bottom:10px}.action-title{font-size:.9rem}.action-description{font-size:.8rem}}.supplier-dashboard-page{min-height:100vh;background:#f8f9fa;padding-top:80px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.swiggy-container{max-width:1200px;margin:0 auto;padding:20px}.swiggy-header{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000a;border:1px solid #e8e8e8}.swiggy-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:16px}.swiggy-welcome h1{font-size:28px;font-weight:700;color:#282c3f;margin:0 0 4px;line-height:1.2}.swiggy-welcome p{color:#7e808c;font-size:16px;margin:0 0 16px}.swiggy-supplier-info{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.swiggy-badge{display:flex;align-items:center;gap:6px;background:#f8f9fa;padding:6px 12px;border-radius:20px;font-size:14px;color:#686b78;border:1px solid #e8e8e8}.badge-icon{font-size:12px}.swiggy-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600}.swiggy-status.approved{background:#e8f5e8;color:#00a652;border:1px solid #00a652}.swiggy-status.pending{background:#fff3e0;color:#ff6b35;border:1px solid #ff6b35}.swiggy-header-controls{display:flex;gap:12px;align-items:center}.swiggy-select{padding:8px 12px;border:1px solid #e8e8e8;border-radius:8px;background:#fff;color:#282c3f;font-size:14px;cursor:pointer;transition:all .2s ease}.swiggy-select:hover{border-color:#fc8019}.swiggy-refresh-btn{background:#fc8019;color:#fff;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.swiggy-refresh-btn:hover{background:#e67300;transform:translateY(-1px)}.refresh-icon{font-size:16px}.swiggy-notification-banner{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#ff6b35,#fc8019);color:#fff;padding:16px 20px;border-radius:8px;margin-top:16px}.banner-icon{font-size:20px;flex-shrink:0}.banner-content{flex:1}.banner-content strong{display:block;font-size:16px;margin-bottom:2px}.banner-content p{font-size:14px;opacity:.9;margin:0}.swiggy-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.swiggy-stat-card{background:#fff;border-radius:12px;padding:30px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000a;border:1px solid #e8e8e8;transition:all .2s ease}.swiggy-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.stat-icon{font-size:32px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.swiggy-stat-card.revenue .stat-icon{background:linear-gradient(135deg,#00d4aa,#00a652)}.swiggy-stat-card.orders .stat-icon{background:linear-gradient(135deg,#fc8019,#ff6b35)}.swiggy-stat-card.products .stat-icon{background:linear-gradient(135deg,#5b73de,#4158d0)}.swiggy-stat-card.rating .stat-icon{background:linear-gradient(135deg,gold,#ffb400)}.stat-content{flex:1}.stat-value{font-size:28px;font-weight:700;color:#282c3f;line-height:1;margin-bottom:4px}.stat-label{font-size:14px;color:#7e808c;margin-bottom:4px}.stat-change{font-size:12px;display:flex;align-items:center;gap:4px;font-weight:600}.stat-change.positive{color:#00a652}.stat-change.negative{color:#e23744}.stat-subtitle{font-size:12px;color:#7e808c}.swiggy-main-grid{display:grid;grid-template-columns:1fr 350px;gap:24px}.swiggy-main-content{display:flex;flex-direction:column;gap:24px}.swiggy-sidebar{display:flex;flex-direction:column;gap:20px}.swiggy-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000a;border:1px solid #e8e8e8;transition:all .2s ease}.swiggy-card:hover{box-shadow:0 4px 16px #00000014}.swiggy-card-header{padding:20px 24px 16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:flex-start}.card-title h3{font-size:18px;font-weight:600;color:#282c3f;margin:0 0 4px}.card-title p{font-size:14px;color:#7e808c;margin:0}.swiggy-link{color:#fc8019;text-decoration:none;font-size:14px;font-weight:600;transition:color .2s ease}.swiggy-link:hover{color:#e67300}.swiggy-card-body{padding:20px 24px 24px}.chart-legend{display:flex;gap:20px}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#7e808c}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-dot.revenue{background:#fc8019}.legend-dot.orders{background:#5b73de}.swiggy-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.swiggy-action-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border:1px solid #e8e8e8;border-radius:8px;text-decoration:none;color:#282c3f;transition:all .2s ease;background:#fafafa}.swiggy-action-item:hover{background:#fc8019;color:#fff;border-color:#fc8019;transform:translateY(-2px)}.action-icon{font-size:24px}.swiggy-action-item span{font-size:12px;font-weight:600;text-align:center}.swiggy-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.summary-item{text-align:center;padding:16px 12px;border-radius:8px;background:#fafafa;border:1px solid #e8e8e8}.summary-item.active{background:#e8f5e8;border-color:#00a652}.summary-item.pending{background:#fff3e0;border-color:#ff6b35}.summary-item.inactive{background:#f5f5f5;border-color:#9e9e9e}.summary-number{font-size:24px;font-weight:700;color:#282c3f;margin-bottom:4px}.summary-label{font-size:12px;color:#7e808c;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.swiggy-tips .swiggy-card-body{padding:16px 20px 20px}.swiggy-tip-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0}.swiggy-tip-item:last-child{border-bottom:none;padding-bottom:0}.tip-icon{font-size:20px;flex-shrink:0;margin-top:2px}.tip-content strong{display:block;font-size:14px;color:#282c3f;margin-bottom:2px}.tip-content p{font-size:12px;color:#7e808c;margin:0;line-height:1.4}.swiggy-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;justify-content:center}.swiggy-btn-primary{background:#fc8019;color:#fff;border:1px solid #fc8019}.swiggy-btn-primary:hover{background:#e67300;border-color:#e67300;transform:translateY(-1px)}.swiggy-btn-outline{background:#fff;color:#fc8019;border:1px solid #fc8019}.swiggy-btn-outline:hover{background:#fc8019;color:#fff}.swiggy-btn-small{padding:8px 16px;font-size:12px}.swiggy-empty-state{text-align:center;padding:40px 20px}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.swiggy-empty-state p{color:#7e808c;margin-bottom:16px}.swiggy-loading,.swiggy-access-denied,.swiggy-error{background:#fff;border-radius:12px;padding:60px 40px;text-align:center;box-shadow:0 4px 16px #00000014;margin:40px auto;max-width:500px}.swiggy-spinner{width:40px;height:40px;border:4px solid #f0f0f0;border-top:4px solid #fc8019;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.swiggy-loading h3,.swiggy-access-denied h2,.swiggy-error h2{color:#282c3f;margin-bottom:8px;font-size:24px;font-weight:600}.swiggy-loading p,.swiggy-access-denied p,.swiggy-error p{color:#7e808c;margin-bottom:24px;font-size:16px}.swiggy-empty-icon{font-size:48px;margin-bottom:16px;display:block}.swiggy-error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.swiggy-product-list{display:flex;flex-direction:column;gap:12px}.swiggy-product-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fafafa;border-radius:8px;border:1px solid #e8e8e8}.product-name{font-size:14px;font-weight:600;color:#282c3f;margin-bottom:2px}.product-stats{font-size:12px;color:#7e808c}.product-rating{display:flex;align-items:center;gap:4px}.rating-value{font-size:14px;font-weight:600;color:#282c3f}.rating-stars{font-size:12px}@media (max-width: 1024px){.swiggy-main-grid{grid-template-columns:1fr}.swiggy-sidebar{order:-1}}@media (max-width: 768px){.swiggy-container{padding:12px}.swiggy-header{padding:16px}.swiggy-header-content{flex-direction:column;align-items:stretch;gap:16px}.swiggy-supplier-info{justify-content:center}.swiggy-stats-grid{grid-template-columns:1fr;gap:12px}.swiggy-stat-card{padding:16px}.stat-value{font-size:24px}.swiggy-welcome h1{font-size:24px;text-align:center}.swiggy-card-header,.swiggy-card-body{padding:16px}.swiggy-action-grid{grid-template-columns:1fr}.swiggy-summary-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.swiggy-main-content{width:355px}.swiggy-stats-grid,.swiggy-summary-grid{grid-template-columns:1fr}.swiggy-supplier-info{flex-direction:column;align-items:center}.chart-legend{justify-content:center;flex-wrap:wrap}}.banned_list_groups{line-height:25px}.swiggy-products-page{min-height:100vh;background:#f8f9fa;padding-top:80px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.product-management-container{max-width:1200px;margin:0 auto;padding:20px}.product-management-header{position:relative;color:#fff;padding:40px 32px;margin:0 -20px 32px;border-radius:28px;box-shadow:0 12px 40px #ff6d0040;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.header-main{display:flex;align-items:center;gap:16px}.header-icon{font-size:32px;background:linear-gradient(135deg,#fc8019,#ff6b35);width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #fc80194d}.product-header-content h1{font-size:2.2rem;font-weight:700;color:#282c3f;margin:0 0 4px;line-height:1.2}.product-header-content p{font-size:14px;color:#7e808c;margin:0}.product-header-stats{display:flex;gap:24px}.product-stat-item{text-align:center;padding:1rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.product-stat-number{font-size:20px;font-weight:700;color:#fc8019;line-height:1;margin-bottom:4px}.stat-label{font-size:12px;color:#7e808c;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.product-tabs-container{margin-bottom:24px}.product-tabs{display:flex;background:#fff;border-radius:12px;padding:8px;box-shadow:0 2px 8px #0000000a;border:1px solid #e8e8e8;gap:8px}.swiggy-tab{flex:1;display:flex;align-items:center;gap:12px;padding:16px 20px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:left}.swiggy-tab:hover{background:#fafbfc}.swiggy-tab.active{color:#000;box-shadow:0 4px 12px #fc80194d;transform:translateY(-2px)}.tab-icon{font-size:20px;flex-shrink:0}.product-tab-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start}.tab-title{display:block;color:#000;font-size:20px;text-align:center;padding-top:.3rem;margin-bottom:2px}.tab-count{width:100%;display:block;font-size:12px;opacity:.8;padding:.5rem 0}.swiggy-tab-content{margin-bottom:24px}.swiggy-info-banner{display:flex;align-items:flex-start;gap:16px;background:linear-gradient(135deg,#e8f4fd,#d4e6f1);border:1px solid #3498db;border-radius:12px;padding:16px 20px;margin-bottom:24px}.banner-icon{font-size:20px;flex-shrink:0;margin-top:2px}.banner-content strong{color:#2980b9;font-weight:600;display:block;margin-bottom:4px}.banner-content p{color:#34495e;margin:0;font-size:14px;line-height:1.4}.swiggy-loading-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.swiggy-spinner{width:48px;height:48px;border:4px solid #f0f0f0;border-top:4px solid #fc8019;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:24px}@media (max-width: 480px){.product-management-container{display:flex;flex-direction:column;align-items:center}.product-management-header{flex-direction:column;gap:2rem;padding:30px 15px}.header-main{align-items:flex-start}.product-header-content h1{font-size:1.4rem}.product-header-stats{width:100%;flex-direction:column;gap:1rem}.product-stat-item{width:100%}.product-stat-number{font-size:1.4rem}.product-tabs-container{width:100%}.product-tabs{flex-direction:column}}.swiggy-loading-section h3{font-size:20px;color:#282c3f;margin-bottom:8px;font-weight:600}.swiggy-loading-section p{color:#7e808c;font-size:16px}.swiggy-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-illustration{position:relative;margin-bottom:32px}.empty-icon{font-size:80px;opacity:.3;margin-bottom:16px}.empty-waves{display:flex;justify-content:center;gap:6px}.wave{width:6px;height:24px;background:linear-gradient(135deg,#fc8019,#ff6b35);border-radius:3px;animation:wave-animation 1.5s ease-in-out infinite}.wave:nth-child(1){animation-delay:0s}.wave:nth-child(2){animation-delay:.2s}.wave:nth-child(3){animation-delay:.4s}@keyframes wave-animation{0%,to{height:24px;opacity:.3}50%{height:48px;opacity:1}}.empty-content h3{font-size:24px;color:#282c3f;margin-bottom:8px;font-weight:600}.empty-content p{font-size:16px;color:#7e808c;margin-bottom:24px;line-height:1.5;max-width:400px}.empty-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.swiggy-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.error-icon{font-size:64px;margin-bottom:16px}.swiggy-error-state h3{font-size:20px;color:#282c3f;margin-bottom:8px;font-weight:600}.swiggy-error-state p{color:#7e808c;margin-bottom:24px;font-size:16px}.swiggy-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;margin:40px auto;max-width:500px}.access-icon{font-size:64px;margin-bottom:16px}.swiggy-access-denied h2{color:#282c3f;margin-bottom:8px;font-size:24px;font-weight:600}.swiggy-access-denied p{color:#7e808c;margin-bottom:24px;font-size:16px}.swiggy-filters-section{background:#fff;border-radius:12px;padding:34px;margin-bottom:24px;box-shadow:0 2px 8px #0000000a;border:1px solid #e8e8e8}.filters-header{margin-bottom:20px}.filters-header h3{font-size:18px;font-weight:600;color:#282c3f;margin:0 0 4px}.filters-header p{font-size:14px;color:#7e808c;margin:0}.filters-grids{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:20px}.filter-group label{font-size:14px;font-weight:600;color:#282c3f;margin-bottom:8px}.search-input-container{position:relative}.search-icon{position:absolute;left:52px;font-size:16px;color:#7e808c}.swiggy-input{height:100%;width:100%;padding:12px 16px 12px 40px;border:1px solid #e8e8e8;border-radius:8px;font-size:14px;color:#282c3f;background:#fff;transition:all .2s ease}.swiggy-select{width:100%;padding:12px 16px;border:1px solid #e8e8e8;border-radius:8px;font-size:14px;color:#282c3f;background:#fff;cursor:pointer;transition:all .2s ease}.swiggy-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:32px}.swiggy-product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000a;border:1px solid #e8e8e8;transition:all .3s ease;position:relative}.swiggy-product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.product-image-container{position:relative;height:200px;overflow:hidden}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.swiggy-product-card:hover .product-image{transform:scale(1.05)}.admin-badge{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;display:flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:.5px}.status-badge{position:absolute;top:12px;right:12px;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;display:flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{position:relative;margin-left:-140px;background:linear-gradient(135deg,#00d4aa,#00a652);color:#fff}.status-badge.pending{position:relative;margin-left:-140px;background:linear-gradient(135deg,gold,#ffb400);color:#8b6914}.status-badge.inactive{margin-left:-140px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.pricing-badge{position:absolute;bottom:12px;left:12px;background:linear-gradient(135deg,#fc8019,#ff6b35);color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;display:flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:.5px}.simple-pricing-btn{width:100%;padding:12px 16px;margin-top:12px;background:linear-gradient(135deg,#fc8019,#ff6b35);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 4px #fc801933}.product-content{padding:20px}.product-header{margin-bottom:12px}.product-name{font-size:16px;font-weight:600;color:#282c3f;margin:0 0 4px;line-height:1.3}.product-category{font-size:12px;color:#fc8019;background:#fc80191a;padding:2px 8px;border-radius:10px;display:inline-block;font-weight:500}.product-description{font-size:14px;color:#7e808c;line-height:1.4;margin:12px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-meta{display:flex;gap:16px;margin:12px 0;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#7e808c}.meta-icon{font-size:14px}.product-pricing{margin:16px 0;padding:12px;background:#fafbfc;border-radius:8px;border:1px solid #e8e8e8}.price-main{font-size:20px;font-weight:700;color:#00a652;margin-bottom:4px}.price-unit{font-size:14px;color:#7e808c;font-weight:500}.price-details{font-size:12px;color:#7e808c}.product-stats{display:flex;justify-content:space-between;margin:16px 0;padding:12px;background:#fafbfc;border-radius:8px;border:1px solid #e8e8e8}.stat{display:flex;align-items:center;gap:4px;font-size:11px;color:#7e808c}.stat-icon{font-size:12px}.product-actions{margin-top:20px}.product-footer{padding-top:12px;border-top:1px solid #f0f0f0}.footer-date{font-size:12px;color:#7e808c}.footer-text{font-size:12px;color:#7e808c;text-align:center;font-style:italic}.swiggy-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease;justify-content:center;min-height:44px}.swiggy-btn:disabled{opacity:.6;cursor:not-allowed}.swiggy-btn-primary{background:linear-gradient(135deg,#fc8019,#ff6b35);color:#fff;border:1px solid #fc8019}.swiggy-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#e67300,#e55a2b);border-color:#e67300;transform:translateY(-1px)}.swiggy-btn-outline{margin-right:10px;background:#fff;color:#fc8019;border:1px solid #fc8019}.swiggy-btn-outline:hover:not(:disabled){background:#fc8019;color:#fff}.swiggy-btn-secondary{margin-top:25px;background:#f8f9fa;color:#282c3f;border:1px solid #e8e8e8}.swiggy-btn-secondary:hover:not(:disabled){background:#e8e8e8;border-color:#d0d0d0}.btn-icon{font-size:16px}.btn-spinner{animation:spin 1s linear infinite}.swiggy-pagination{display:flex;justify-content:center;align-items:center}.swiggy-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.swiggy-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.swiggy-modal-header{padding:24px 24px 16px;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:flex-start;position:sticky;top:0;background:#fff;z-index:10;border-radius:16px 16px 0 0}.modal-title{display:flex;align-items:flex-start;gap:12px;flex:1}.modal-icon{font-size:24px;background:linear-gradient(135deg,#fc8019,#ff6b35);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #fc80194d}.modal-title h3{font-size:18px;font-weight:700;color:#282c3f;margin:0 0 4px;line-height:1.3}.modal-title p{font-size:14px;color:#7e808c;margin:0;line-height:1.4}.modal-close{background:none;border:none;font-size:20px;color:#7e808c;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;margin-left:16px}.modal-close:hover{background:#f8f9fa;color:#282c3f}.swiggy-form{padding:20px 24px 24px}.form-section{margin-bottom:24px}.section-header{margin-bottom:16px}.section-header h4{font-size:16px;font-weight:600;color:#282c3f;margin:0 0 4px;display:flex;align-items:center;gap:8px}.section-header p{font-size:14px;color:#7e808c;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:600;color:#282c3f;display:flex;align-items:center;gap:6px}.swiggy-input{padding:12px 16px;border:1px solid #e8e8e8;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff;color:#282c3f}.swiggy-input:focus{outline:none;border-color:#fc8019;box-shadow:0 0 0 3px #fc80191a}.swiggy-input:disabled{background:#f8f9fa;color:#7e808c;cursor:not-allowed}.swiggy-select{padding:12px 16px;border:1px solid #e8e8e8;border-radius:8px;font-size:14px;background:#fff;color:#282c3f;cursor:pointer;transition:all .2s ease}.swiggy-select:focus{outline:none;border-color:#fc8019;box-shadow:0 0 0 3px #fc80191a}.unit-display{padding:12px 16px;border:1px solid #e8e8e8;border-radius:8px;background:#f8f9fa;color:#7e808c;font-size:14px;display:flex;align-items:center;gap:8px}.unit-icon{font-size:16px}.checkbox-group{display:flex;align-items:center;gap:8px;padding:12px 0}.checkbox-group input[type=checkbox]{width:16px;height:16px;accent-color:#fc8019}.checkbox-group label{font-size:14px;color:#282c3f;cursor:pointer;margin:0}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #e8e8e8}.form-note{background:#fff7f0;border:1px solid #ffeedd;border-radius:8px;padding:12px;margin-bottom:16px;display:flex;align-items:flex-start;gap:8px}.form-note-icon{font-size:16px;color:#fc8019;margin-top:1px}.form-note-content{font-size:13px;color:#8b5a00;line-height:1.4}.form-note-content strong{color:#6b4200}.product-info-section{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:20px;border:1px solid #e8e8e8}.product-info-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.product-info-header h4{font-size:16px;font-weight:600;color:#282c3f;margin:0}.product-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#7e808c}.meta-item{display:flex;align-items:center;gap:4px}@media (max-width: 768px){.swiggy-modal{margin:10px;max-height:95vh}.swiggy-modal-header{padding:20px 16px 12px}.swiggy-form{padding:16px}.form-grid{grid-template-columns:1fr;gap:12px}.form-actions{flex-direction:column-reverse}.swiggy-btn{width:100%}}@media (max-width: 480px){.swiggy-modal-overlay{padding:10px}.modal-title{flex-direction:column;gap:8px}.modal-icon{width:36px;height:36px;font-size:20px}.product-actions{display:flex;gap:8px;flex-direction:column}}.stock-badge{font-size:10px;font-weight:600;display:flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:.5px;z-index:2}.stock-badge.in-stock{background:linear-gradient(135deg,#00d4aa,#00a652);color:#fff}.stock-badge.out-of-stock{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.swiggy-btn.swiggy-btn-success{background:linear-gradient(135deg,#00d4aa,#00a652);color:#fff;border:none}.swiggy-btn.swiggy-btn-success:hover:not(:disabled){background:linear-gradient(135deg,#00a652,#008f3a);transform:translateY(-1px);box-shadow:0 6px 20px #00d4aa4d}.swiggy-btn.swiggy-btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none}.swiggy-btn.swiggy-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-1px);box-shadow:0 6px 20px #e74c3c4d}.swiggy-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-color);transition:height .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.stat-card:hover:before{height:6px}.stat-card.blue:before{background:#3b82f6}.stat-card.green:before{background:#10b981}.stat-card.purple:before{background:#8b5cf6}.stat-card.orange:before{background:#f59e0b}.stat-card.yellow:before{background:#eab308}.stat-card.teal:before{background:#14b8a6}.stat-card.indigo:before{background:#6366f1}.stat-card.pink:before{background:#ec4899}.stat-card.blue .stat-icon{color:#3b82f6}.stat-card.green .stat-icon{color:#10b981}.stat-card.purple .stat-icon{color:#8b5cf6}.stat-card.orange .stat-icon{color:#f59e0b}.stat-card.yellow .stat-icon{color:#eab308}.stat-card.teal .stat-icon{color:#14b8a6}.stat-card.indigo .stat-icon{color:#6366f1}.stat-card.pink .stat-icon{color:#ec4899}.stat-card{display:flex;align-items:flex-start;gap:1rem}.stat-icon{width:3rem;height:3rem;background:#3b82f61a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#3b82f6;flex-shrink:0;transition:all .3s ease}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-content{flex:1;min-width:0}.stat-value{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.25rem;line-height:1.2}.stat-label{font-size:.875rem;color:#6b7280;font-weight:500;margin-bottom:.5rem}.stat-change{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.stat-change span{font-weight:600}.stat-card.urgent{border-color:#f59e0b;background:linear-gradient(135deg,#fff,#fffbeb)}.stat-card.urgent:before{background:#f59e0b;animation:pulse-warning 2s infinite}.urgent-indicator{position:absolute;top:1rem;right:1rem;color:#f59e0b;animation:bounce 1s infinite}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-8px)}70%{transform:translateY(-4px)}90%{transform:translateY(-2px)}}.stat-card.loading{pointer-events:none}.loading-shimmer{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px}.stat-card.loading .stat-icon{width:3rem;height:3rem}.stat-card.loading .stat-value{height:2rem;width:60%;margin-bottom:.5rem}.stat-card.loading .stat-label{height:1rem;width:80%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 1024px){.admin-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.25rem}.stat-value{font-size:1.75rem}}@media (max-width: 768px){.admin-stats{grid-template-columns:1fr}.stat-card{padding:1rem;flex-direction:row}.stat-icon{width:2.5rem;height:2.5rem}.stat-value{font-size:1.5rem}}@media (max-width: 480px){.stat-card{padding:.875rem;gap:.75rem}.stat-icon{width:2rem;height:2rem}.stat-value{font-size:1.25rem}.stat-label{font-size:.8rem}.stat-change{font-size:.7rem}}@media print{.admin-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{break-inside:avoid;box-shadow:none;border:1px solid #d1d5db}.stat-card:before{display:none}.urgent-indicator{display:none}}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.add-user-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;width:100%;max-width:800px;max-height:90vh;overflow:hidden;animation:slideUp .4s ease;position:relative}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{background:linear-gradient(135deg,#fc8019,#ff6b35);color:#fff;padding:2rem;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.modal-header:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:#ffffff1a;border-radius:50%;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.modal-title{display:flex;align-items:center;gap:1rem;z-index:1}.title-icon{background:#fff3;border-radius:12px;padding:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-title h2{font-size:1.5rem;font-weight:700;margin:0;line-height:1.2}.modal-title p{margin:.25rem 0 0;opacity:.9;font-size:.9rem}.close-button{background:#fff3;border:none;border-radius:8px;color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:1}.close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.close-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-form{display:flex;flex-direction:column;height:calc(90vh - 120px)}.form-sections{flex:1;overflow-y:auto;padding:2rem;scroll-behavior:smooth}.form-sections::-webkit-scrollbar{width:6px}.form-sections::-webkit-scrollbar-track{background:#f1f5f9}.form-sections::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.form-sections::-webkit-scrollbar-thumb:hover{background:#94a3b8}.form-section{margin-bottom:2rem;background:#f8fafc;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0;transition:all .2s ease}.form-section:hover{border-color:#fc8019;box-shadow:0 4px 12px #fc80191a}.form-section h3{margin:0 0 1.5rem;color:#1e293b;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.9rem}.form-group input,.form-group select{padding:.75rem 1rem;border:1.5px solid #d1d5db;border-radius:8px;font-size:.9rem;transition:all .2s ease;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#fc8019;box-shadow:0 0 0 3px #fc80191a;transform:translateY(-1px)}.form-group input.error{border-color:#ef4444;background:#fef2f2}.form-group input:disabled,.form-group select:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.password-input{position:relative}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.password-toggle:hover{color:#fc8019;background:#fc80191a}.error-text{color:#ef4444;font-size:.8rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.error-text:before{content:"⚠️";font-size:.7rem}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;font-weight:500;color:#374151;cursor:pointer;padding:.75rem;border-radius:8px;background:#fff;border:1px solid #e5e7eb;transition:all .2s ease;position:relative}.checkbox-label:hover{border-color:#fc8019;background:#fc80190d}.checkbox-label input[type=checkbox]{appearance:none;width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;position:relative;cursor:pointer;transition:all .2s ease}.checkbox-label input[type=checkbox]:checked{background:#fc8019;border-color:#fc8019}.checkbox-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.8rem;font-weight:700}.checkmark{display:none}.modal-footer{padding:1.5rem 2rem;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;min-width:120px;justify-content:center}.btn-secondary{background:#e5e7eb;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#d1d5db;transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-left:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.modal-overlay{padding:1rem}.add-user-modal{max-width:100%;max-height:95vh;border-radius:12px}.modal-header{padding:1.5rem}.modal-title h2{font-size:1.3rem}.form-sections{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:.75rem}.form-section{padding:1rem}.checkbox-group{grid-template-columns:1fr}.modal-footer{padding:1rem 1.5rem;flex-direction:column-reverse}.btn{width:100%}}@media (max-width: 480px){.modal-overlay{padding:.5rem}.modal-header{padding:1rem}.modal-title{gap:.75rem}.title-icon{padding:.5rem}.form-sections{padding:1rem}.form-section{padding:.75rem;margin-bottom:1rem}}.success-animation{animation:successBounce .6s ease}@keyframes successBounce{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.form-group:hover input:not(:disabled):not(:focus){border-color:#9ca3af}.form-section:hover h3{color:#fc8019}.form-section:focus-within{border-color:#fc8019;box-shadow:0 4px 12px #fc801926}.help-text{font-size:.75rem;color:#6b7280;margin-top:.25rem;font-style:italic}.form-group .help-text{display:block;margin-top:.5rem}.user-management{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.user-management-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.user-management-header h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.user-actions{display:flex;gap:.75rem}.user-controls{display:flex;gap:1rem;padding:1.5rem;background:#fff;border-bottom:1px solid #f3f4f6}.search-box{flex:1;position:relative;max-width:400px}.users-table-container{overflow-x:auto}.users-table{width:100%;border-collapse:collapse}.users-table th{background:#f9fafb;padding:1rem;text-align:left;font-weight:600;font-size:.875rem;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.users-table td{padding:1rem;border-bottom:1px solid #f3f4f6;vertical-align:top}.users-table tr:hover{background:#f9fafb}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.user-details{min-width:0}.user-name{font-weight:600;color:#1f2937;font-size:.875rem;margin-bottom:.25rem}.user-id{font-size:.75rem;color:#6b7280;font-family:monospace}.contact-info{display:flex;flex-direction:column;gap:.25rem}.contact-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280}.contact-item svg{flex-shrink:0}.status-badge,.role-badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:9999px;text-transform:uppercase;letter-spacing:.025em}.status-active{background:#dcfce7;color:#166534}.status-inactive{background:#f3f4f6;color:#6b7280}.status-suspended{background:#fee2e2;color:#991b1b}.role-customer{background:#dbeafe;color:#1e40af}.role-supplier{background:#d1fae5;color:#065f46}.role-admin{background:#fce7f3;color:#be185d}.date-info{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280}.date-info svg{flex-shrink:0}.user-actions-dropdown{position:relative}.action-trigger{padding:.5rem;border:none;background:transparent;color:#6b7280;border-radius:4px;cursor:pointer;transition:all .2s}.action-trigger:hover{background:#f3f4f6;color:#374151}.action-menu{position:absolute;top:100%;right:0;z-index:10;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:150px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all .2s}.action-menu button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;color:#374151;font-size:.875rem;text-align:left;cursor:pointer;transition:background-color .2s}.action-menu button:hover{background:#f3f4f6}.action-menu button:first-child{border-radius:8px 8px 0 0}.action-menu button:last-child{border-radius:0 0 8px 8px}.loading-users{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.no-users{text-align:center;padding:4rem 2rem;color:#6b7280}.no-users-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-users h4{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.no-users p{color:#6b7280}@media (max-width: 1024px){.filter-panel{grid-template-columns:repeat(2,1fr)}.users-table th,.users-table td{padding:.75rem}}@media (max-width: 768px){.user-management-header{flex-direction:column;gap:1rem;align-items:flex-start}.user-controls{flex-direction:column}.search-box{max-width:none}.filter-panel{grid-template-columns:1fr}.users-table{font-size:.875rem}.users-table th,.users-table td{padding:.5rem}.user-info{gap:.5rem}.user-avatar{width:2rem;height:2rem}.contact-info{gap:.125rem}}@media (max-width: 640px){.users-table-container{display:none}.user-management{display:block}.users-mobile{display:block;padding:1rem}.user-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:1rem}.user-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.user-card-body{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;font-size:.875rem}.user-card-field{display:flex;flex-direction:column;gap:.25rem}.user-card-label{font-weight:500;color:#6b7280;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.user-card-value{color:#1f2937}}input[type=checkbox]{width:1rem;height:1rem;border:2px solid #d1d5db;border-radius:3px;background:#fff;cursor:pointer;position:relative}input[type=checkbox]:checked:after{content:"✓";position:absolute;top:-2px;left:1px;color:#fff;font-size:.75rem;font-weight:700}.users-table th:focus,.users-table td:focus{outline:2px solid var(--primary-color);outline-offset:-2px}.action-trigger:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media print{.user-controls,.filter-panel,.user-actions,.action-menu{display:none}.users-table{font-size:.75rem}.users-table th,.users-table td{padding:.25rem}}.user-management-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0;border-bottom:1px solid #e2e8f0;margin-bottom:2rem}.user-management-header h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.user-actions{display:flex;gap:1rem;align-items:center}.btn{padding:.5rem 1rem;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary:hover{box-shadow:0 6px 20px #fc801966;transform:translateY(-2px)}@media (max-width: 768px){.user-management-header{flex-direction:column;align-items:stretch;gap:1rem}.user-management-header h3{text-align:center;font-size:1.3rem}.user-actions{justify-content:center}.add-user-btn{width:100%;justify-content:center;padding:1rem 1.5rem}}@media (max-width: 480px){.user-management-header{padding:1rem 0}.user-management-header h3{font-size:1.2rem}.add-user-btn{font-size:.9rem;padding:.875rem 1rem}}@media (max-width: 640px){.users-table-container{display:block!important;overflow-x:auto;-webkit-overflow-scrolling:touch}.users-mobile{display:none}.users-table{min-width:800px;font-size:.8rem}.users-table th,.users-table td{padding:.5rem .25rem;white-space:nowrap}.user-info{min-width:150px}.user-avatar{width:1.75rem;height:1.75rem}.user-name{font-size:.8rem}.user-id{font-size:.7rem}.contact-info{min-width:120px}.contact-item{font-size:.7rem}.status-badge,.role-badge{font-size:.7rem;padding:.2rem .5rem}.action-menu{right:-50px;min-width:120px}.action-menu button{padding:.5rem .75rem;font-size:.8rem}}@media (max-width: 480px){.user-management-header{padding:1rem}.user-management-header h3{font-size:1.1rem}.user-controls{padding:1rem}.users-table{font-size:.75rem}.users-table th,.users-table td{padding:.4rem .2rem}}.support-ticket-management{padding:20px;background:#f8f9fa;min-height:100vh}.management-header{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.management-header h2{margin:0;color:#333}.ticket-stats{display:flex;gap:20px}.stat-item-original{text-align:center;padding:10px;background:#f8f9fa;border-radius:6px;min-width:80px}.stat-number{display:block;font-size:24px;font-weight:700;color:#007bff}.stat-label{display:block;font-size:12px;color:#666;margin-top:4px}.filters-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.filters-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:15px;align-items:center}.filter-group{display:flex;flex-direction:column}.search-input{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.filter-group select{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff}.tickets-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.tickets-table{width:100%;border-collapse:collapse}.tickets-table th,.tickets-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.tickets-table th{background:#f8f9fa;font-weight:600;color:#333;font-size:14px}.ticket-row:hover{background:#f8f9fa}.ticket-id-link{background:none;border:none;color:#007bff;cursor:pointer;font-weight:700;text-decoration:underline;padding:0;font-size:14px}.ticket-id-link:hover{color:#0056b3}.customer-info{display:flex;flex-direction:column}.customer-name{font-weight:500;color:#333}.customer-email{font-size:12px;color:#666}.subject-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.original-status-badge,.priority-badge-original{padding:8px 8px 4px;border-radius:4px;font-size:12px;font-weight:500;color:#fff;margin-left:19px;margin-top:4px}.info-item-original label{text-transform:uppercase;font-size:15px;margin-left:25px}.status-select{padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:12px;background:#fff}.action-buttons{display:flex;gap:8px}.no-tickets{background:#fff;padding:60px 40px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center;color:#666;margin:20px}.no-tickets h3{color:#333;margin-bottom:15px}.no-tickets p{margin-bottom:10px;line-height:1.5}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin:20px 0}.pagination button{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.pagination button:hover:not(:disabled){background:#f8f9fa}.page-info{font-size:14px;color:#666}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.ticket-modal{background:#fff;border-radius:8px;width:90vw;max-width:1000px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;background:#f8f9fa}.modal-header h3{margin:0;color:#333}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#333}.modal-body{padding:20px}.ticket-info-section{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:6px}.info-item-original{display:flex;flex-direction:column;gap:4px;border-radius:10px;border-left:5px solid blue}.info-item label{font-weight:600;color:#666;font-size:12px;text-transform:uppercase}.info-item span{color:#333;font-size:14px}.messages-section{margin-bottom:30px}.messages-section h4{margin-bottom:15px;color:#333}.messages-list{max-height:400px;overflow-y:auto;border:1px solid #eee;border-radius:6px;padding:15px;background:#fafafa}.message{margin-bottom:20px;padding:15px;border-radius:6px;background:#fff;border-left:4px solid #ddd}.customer-message{border-left-color:#007bff}.admin-message{border-left-color:#28a745}.internal-message{background:#fff3cd;border-left-color:#ffc107}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sender{font-weight:600;color:#333;display:flex;align-items:center;gap:8px}.internal-badge{background:#ffc107;color:#fff;padding:2px 6px;border-radius:3px;font-size:10px;text-transform:uppercase}.timestamp{font-size:12px;color:#666}.message-content{color:#555;line-height:1.5}.admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:30px}.reply-section,.notes-section{background:#f8f9fa;padding:20px;border-radius:6px}.reply-section h4,.notes-section h4{margin-bottom:15px;color:#333}.reply-section textarea,.notes-section textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;resize:vertical;font-family:inherit;margin-bottom:10px}.reply-options{margin-bottom:15px}.reply-options label{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.status-actions{grid-column:1 / -1;background:#f8f9fa;padding:20px;border-radius:6px}.status-actions h4{margin-bottom:15px;color:#333}.status-actions .action-buttons{display:flex;gap:10px;flex-wrap:wrap}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62}.btn-success:hover{background:#1e7e34}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover{background:#e0a800}.btn-info{background:#17a2b8;color:#fff}.btn-info:hover{background:#138496}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn-outline{background:transparent;border:1px solid #ddd;color:#333}.btn-outline:hover{background:#f8f9fa}.error-state{background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center;margin:20px}.error-state h2{color:#dc3545;margin-bottom:15px}.error-state p{color:#666;margin-bottom:20px}@media (max-width: 768px){.support-ticket-management{padding:10px}.management-header{flex-direction:column;gap:15px;text-align:center}.ticket-stats{justify-content:center;flex-wrap:wrap}.filters-row{grid-template-columns:1fr;gap:10px}.tickets-table-container{overflow-x:scroll}.tickets-table{min-width:800px}.ticket-modal{width:95vw;max-height:95vh}.admin-actions{grid-template-columns:1fr;gap:20px}.status-actions .action-buttons{flex-direction:column}}.customer-info-enhanced{display:flex;flex-direction:column;gap:2px}.customer-phone .contact-link{color:#007bff;text-decoration:none;font-size:.85em}.customer-phone .contact-link:hover{text-decoration:underline}.customer-badge-original{font-size:.7em;padding:1px 6px;border-radius:10px;color:#fff;background:orange;width:70%;display:inline-block;margin-top:2px}.customer-badge-original .old-ticket-original{background:#fd7e14}.subject-container{display:flex;flex-direction:column;gap:3px}.subject-text{font-weight:500}.order-link{color:#007bff;font-size:.8em}.supplier-badge{color:#28a745;font-size:.8em;font-weight:500}.status-container{display:flex;justify-content:center;align-items:center;gap:2px;letter-spacing:2px}.needs-response-indicator{font-size:1.1em;cursor:help}.ticket-row.needs-response{background-color:#fff3cd;border-left:4px solid #ffc107}.ticket-row.needs-response:hover{background-color:#ffeaa7}.buttons_primary{position:relative;left:40px;top:20px}.admin-dashboard{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh}.header-contents{background:#fff;padding-top:40px}.dashboard-header{margin-top:60px;background:#fff;display:flex;justify-content:center;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb;flex-direction:column}.header-contents h1{letter-spacing:1px;position:relative;left:320px;top:-50px;font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.header-contents p{margin-top:10px;position:relative;left:-80px;letter-spacing:2px}.header-actionss{margin-top:20px;display:flex;gap:.75rem;flex-direction:row}.header-actionss .btn{display:flex;align-items:center;gap:.5rem}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;color:#ef4444}.access-denied h2{font-size:1.5rem;font-weight:600;margin:1rem 0 .5rem;color:#1f2937}.access-denied p{color:#6b7280;margin-bottom:2rem}.dashboard-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #f3f4f6}.tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;background:transparent;color:#6b7280;font-weight:500;cursor:pointer;border-radius:8px 8px 0 0;transition:all .2s;position:relative}.tab:hover{color:var(--primary-color);background:#3b82f60d}.tab.active{color:var(--primary-color);background:#fff;border-bottom:2px solid var(--primary-color)}.tab-badge{background:#dc3545;color:#fff;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:600;margin-left:6px;min-width:18px;text-align:center}.dashboard-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000000d}.overview-tab{display:flex;flex-direction:column;gap:2rem}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.quick-action-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;text-decoration:none;color:inherit;transition:all .3s ease;position:relative;overflow:hidden}.quick-action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-color);transform:scaleX(0);transition:transform .3s ease}.quick-action-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;border-color:var(--primary-color)}.quick-action-card:hover:before{transform:scaleX(1)}.action-icon{width:3rem;height:3rem;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.action-icon.users{background:#3b82f61a;color:#3b82f6}.action-icon.suppliers{background:#10b9811a;color:#10b981}.action-icon.orders{background:#8b5cf61a;color:#8b5cf6}.action-icon.products{background:#f59e0b1a;color:#f59e0b}.action-icon.support{background:linear-gradient(135deg,#28a745,#20c997)}.support-card .urgent-indicator{display:block;color:#dc3545;font-size:12px;font-weight:600;margin-top:4px}.tab.active .tab-badge{background:#fffc;color:#007bff}.activity-item:nth-child(4) .activity-label:before{content:"🎧 "}.action-content{flex:1;min-width:0}.action-content h3{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.action-content p{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.action-count{font-size:.75rem;color:var(--primary-color);font-weight:500}.recent-activity{background:#f9fafb;border-radius:12px;padding:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{font-size:1.25rem;font-weight:600;color:#1f2937}.view-all-link{color:var(--primary-color);text-decoration:none;font-size:.875rem;font-weight:500}.view-all-link:hover{text-decoration:underline}.activity-list{display:flex;flex-direction:column;gap:.75rem}.activity-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.activity-icon{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon.user{background:#3b82f61a;color:#3b82f6}.activity-icon.order{background:#8b5cf61a;color:#8b5cf6}.activity-icon.supplier{background:#10b9811a;color:#10b981}.activity-content{flex:1;min-width:0}.activity-text{font-size:.875rem;color:#1f2937;margin-bottom:.25rem}.activity-time{font-size:.75rem;color:#6b7280}.no-activity{text-align:center;padding:2rem;color:#6b7280}.approvals-section h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.approvals-list{display:flex;flex-direction:column;gap:1rem}.approval-card{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.approval-info h4{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.approval-info p{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.approval-type{font-size:.75rem;padding:.25rem .5rem;background:#dbeafe;color:#1e40af;border-radius:4px;text-transform:uppercase;font-weight:500}.approval-actions{display:flex;gap:.5rem}.no-approvals{text-align:center;padding:3rem;color:#6b7280}.no-approvals h4{font-size:1.25rem;font-weight:600;color:#374151;margin:1rem 0 .5rem}@media (max-width: 1024px){.admin-dashboard{padding:1.5rem}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.admin-dashboard{padding:1rem}.dashboard-header{flex-direction:column;gap:1rem;align-items:flex-start}.header-actionss{width:100%;justify-content:flex-start}.dashboard-tabs{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.dashboard-tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;flex-shrink:0}.dashboard-content{padding:1.5rem}.quick-actions-grid{grid-template-columns:1fr}.quick-action-card{padding:1rem}.approval-card{flex-direction:column;gap:1rem;align-items:flex-start}.approval-actions{width:100%;justify-content:flex-end}}@media (max-width: 480px){.dashboard-header{margin-top:80px;padding:50px 2px}.header-contents h1{position:relative;top:-70px;left:120px;font-size:1.3rem;margin-bottom:10px}.header-contents p{position:relative;left:-50px;top:3px}.header-actionss{flex-direction:column;margin-top:10px;padding-left:70px;padding-right:70px}.action-icon{width:2.5rem;height:2.5rem}.action-content h3{font-size:.875rem}.action-content p{font-size:.8rem}}.button{display:flex;justify-content:center;align-items:center}.settings-button{padding:10px 20px;text-align:center;border-radius:10px;display:flex;justify-content:center;align-items:center;gap:9px}.approvals-tab{padding:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e9e9eb}.section-header h3{font-size:24px;font-weight:700;color:#282c3f;margin:0}.approvals-summary{display:flex;gap:12px}.total-badge,.suppliers-badge,.products-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.total-badge{background:#3b82f6;color:#fff}.suppliers-badge{background:#10b981;color:#fff}.products-badge{background:#f59e0b;color:#fff}.error-message{display:flex;flex-direction:column;align-items:center;padding:48px 24px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;text-align:center}.error-message p{margin:12px 0 20px;font-weight:500}.loading-container{display:flex;flex-direction:column;align-items:center;padding:48px 24px;text-align:center}.loading-container p{margin-top:16px;color:#6b7280;font-weight:500}.approvals-list{display:flex;flex-direction:column;gap:16px}.approval-card{background:#fff;border:1px solid #e9e9eb;border-radius:12px;padding:20px;transition:all .2s ease}.approval-card:hover{border-color:#fc8019;box-shadow:0 4px 12px #fc80191a}.approval-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.approval-type-badge{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600}.approval-type-badge.supplier{background:#e0f2fe;color:#0369a1}.approval-type-badge.product{background:#fef3c7;color:#d97706}.approval-date{font-size:12px;color:#6b7280;font-weight:500}.approval-info h4{font-size:16px;font-weight:600;color:#282c3f;margin:0 0 8px}.approval-info p{font-size:14px;color:#6b7280;margin:0 0 16px;line-height:1.5}.approval-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:all .3s}.btn-success-approval:hover{background:#059669}.btn-outlines:hover{background:#f9fafb;color:#374151;border-color:#9ca3af}.no-approvals{display:flex;flex-direction:column;align-items:center;padding:64px 24px;text-align:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px}.no-approvals-icon{font-size:48px;margin-bottom:16px}.no-approvals h4{font-size:20px;font-weight:600;color:#282c3f;margin:0 0 8px}.no-approvals p{font-size:16px;color:#6b7280;margin:0}@media (max-width: 768px){.section-header{flex-direction:column;align-items:flex-start;gap:12px}.approvals-summary{width:100%;justify-content:space-between}.approval-header{flex-direction:column;align-items:flex-start;gap:8px}.approval-actions{flex-direction:column}.btn{justify-content:center}}.approval-actions{display:flex;gap:.5rem;margin-top:1rem}.btn-success-approval{background:#10b981;color:#fff}.btn-outline{background:transparent;color:#6b7280;border:1px solid #d1d5db}.user-actions-dropdown{position:relative;display:inline-block}.action-trigger{background:none;border:none;padding:8px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.action-trigger:hover{background-color:#f3f4f6}.action-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;min-width:140px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease}.user-actions-dropdown:hover .action-menu{opacity:1;visibility:visible;transform:translateY(0)}.action-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:none;text-align:left;cursor:pointer;font-size:14px;color:#374151;transition:background-color .2s}.action-menu button:hover{background-color:#f9fafb}.action-menu button:first-child{border-radius:6px 6px 0 0}.action-menu button:last-child{border-radius:0 0 6px 6px}.action-menu button svg{flex-shrink:0}.user-actions-dropdown.loading .action-trigger{opacity:.5;cursor:not-allowed}.user-actions-dropdown.loading .action-menu{pointer-events:none}.admin-page-header{margin-top:40px;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.header-content h1{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:.5rem}.header-content p{color:#64748b;font-size:1.1rem;margin:0}.header-actions{flex-shrink:0}.add-user-btn{background:linear-gradient(135deg,#fc8019,#ff6b35);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 12px #fc80194d;position:relative;overflow:hidden}.add-user-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.add-user-btn:hover:before{left:100%}.add-user-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fc801966}.add-user-btn:active{transform:translateY(0)}.add-user-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #fc801933}.add-user-btn:disabled:hover{transform:none;box-shadow:0 4px 12px #fc801933}.add-user-btn:disabled:before{display:none}@media (max-width: 768px){.admin-page-header{flex-direction:column;align-items:stretch;gap:1.5rem;padding:1.5rem}.header-content{text-align:center}.header-content h1{font-size:1.5rem}.header-content p{font-size:1rem}.header-actions{width:100%}.add-user-btn{width:100%;justify-content:center;padding:1rem 1.5rem;font-size:1rem}}@media (max-width: 480px){.admin-page-header{padding:2.5rem}.header-content h1{font-size:1.3rem}.header-content p{font-size:.9rem}.add-user-btn{padding:.875rem 1rem}}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-left:4px solid #fc8019;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-message h3{color:#dc2626;margin-bottom:1rem}.error-message p{color:#64748b;margin-bottom:2rem}.retry-button{background:#fc8019;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:#e07216;transform:translateY(-1px)}.supplier-management{padding:20px;background:#f8fafc;min-height:100vh}.filters-section{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:15px;align-items:end}.filter-group{display:flex;flex-direction:column;gap:5px;min-width:150px}.filter-group label{font-weight:600;color:#374151;font-size:.875rem}.filter-group input,.filter-group select{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:#fc8019;box-shadow:0 0 0 3px #fc80191a}.refresh-btn{background:linear-gradient(135deg,#fc8019,#e8720f);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;height:fit-content}.refresh-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fc80194d}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;margin-bottom:20px;overflow-x:scroll}.suppliers-table{width:100%;border-collapse:collapse}.suppliers-table th{background:linear-gradient(135deg,#fc8019,#e8720f);color:#fff;padding:15px 12px;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.suppliers-table td{padding:15px 12px;border-bottom:1px solid #f3f4f6;font-size:.875rem}.suppliers-table tr:hover{background:#f9fafb}.company-info{display:flex;flex-direction:column;gap:2px}.company-info strong{color:#1f2937;font-weight:600}.company-info small{color:#6b7280;font-size:.75rem}.status-badge-admin{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;position:relative;overflow:hidden}.status-badge-admin:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.status-badge-admin:hover:before{left:100%}.status-badge-admin.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #f59e0b}.status-badge-admin.approved{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border:1px solid #22c55e}.status-badge-admin.rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #ef4444}.status-badge-admin.suspended{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#4b5563;border:1px solid #9ca3af}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.action-buttons button{padding:6px 12px;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.3px}.btn-approve{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-approve:hover{transform:translateY(-1px);box-shadow:0 3px 8px #22c55e4d}.btn-reject{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-reject:hover{transform:translateY(-1px);box-shadow:0 3px 8px #ef44444d}.btn-suspend{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-suspend:hover{transform:translateY(-1px);box-shadow:0 3px 8px #f59e0b4d}.btn-activate{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-activate:hover{transform:translateY(-1px);box-shadow:0 3px 8px #3b82f64d}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.pagination button{padding:10px 16px;border:1px solid #d1d5db;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:500}.pagination button:not(:disabled):hover{background:#fc8019;color:#fff;border-color:#fc8019;transform:translateY(-1px)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{font-weight:600;color:#374151}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;padding:32px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 25px 50px #0003;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content h3{margin:0 0 20px;color:#1f2937;font-size:1.5rem;font-weight:700;border-bottom:2px solid #fc8019;padding-bottom:10px}.modal-body{margin-bottom:24px}.modal-body p{margin:8px 0;color:#4b5563;font-size:.95rem}.form-group{margin:16px 0}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:#374151;font-size:.875rem}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#fc8019;box-shadow:0 0 0 3px #fc80191a}.form-group textarea{min-height:80px;font-family:inherit}.form-group small{display:block;margin-top:4px;font-size:.75rem}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-actions button{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.875rem;text-transform:uppercase;letter-spacing:.3px}.btn-cancel{background:#f3f4f6;color:#4b5563;border:1px solid #d1d5db}.btn-cancel:hover{background:#e5e7eb;transform:translateY(-1px)}.btn-confirm{color:#fff;position:relative;overflow:hidden}.btn-confirm.approve{background:linear-gradient(135deg,#22c55e,#16a34a)}.btn-confirm.reject{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-confirm.suspend{background:linear-gradient(135deg,#f59e0b,#d97706)}.btn-confirm.unsuspend{background:linear-gradient(135deg,#3b82f6,#2563eb)}.btn-confirm:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.btn-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.no-data{text-align:center;padding:40px 20px;color:#6b7280;font-style:italic}@media (max-width: 1200px){.suppliers-table{font-size:.8rem}.suppliers-table th,.suppliers-table td{padding:10px 8px}.action-buttons{flex-direction:column}.action-buttons button{font-size:.7rem;padding:4px 8px}}@media (max-width: 768px){.filters-section{flex-direction:column;gap:10px}.filter-group{min-width:auto;width:100%}.table-container{overflow-x:auto}.suppliers-table{min-width:800px}.modal-content{margin:20px;width:calc(100% - 40px);padding:24px}}.order-management{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.order-management-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.order-management-header h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.header-actions{display:flex;gap:.75rem}.header-actions .btn{display:flex;align-items:center;gap:.5rem}.loading-orders{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.order-controls{display:flex;gap:1rem;padding:1.5rem;background:#fff;border-bottom:1px solid #f3f4f6}.search-box{flex:1;position:relative;max-width:500px}.search-box svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280}.search-box input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s}.search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid #d1d5db;background:#fff;border-radius:8px;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s}.filter-toggle:hover{border-color:var(--primary-color)}.filter-toggle.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.filter-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:500;color:#374151}.filter-group select{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff}.filter-group select:focus{outline:none;border-color:var(--primary-color)}.orders-table{width:100%;border-collapse:collapse;min-width:800px}.orders-table th{background:#f9fafb;padding:1rem;text-align:left;font-weight:600;font-size:.875rem;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.orders-table td{padding:1rem;border-bottom:1px solid #f3f4f6;vertical-align:top}.orders-table tr:hover{background:#f9fafb}.order-info{display:flex;flex-direction:column;gap:.25rem}.order-number{font-weight:600;color:#1f2937;font-size:.875rem;font-family:monospace}.order-items{font-size:.75rem;color:#6b7280}.customer-info{display:flex;flex-direction:column;gap:.25rem}.customer-name{font-weight:600;color:#1f2937;font-size:.875rem}.customer-email{font-size:.75rem;color:#6b7280}.customer-location{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280}.customer-location svg{flex-shrink:0}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:9999px;text-transform:uppercase;letter-spacing:.025em}.status-pending{background:#fef3c7;color:#92400e}.status-confirmed{background:#dbeafe;color:#1e40af}.status-processing{background:#e0e7ff;color:#3730a3}.status-shipped{background:#d1fae5;color:#065f46}.status-delivered{background:#dcfce7;color:#166534}.status-cancelled{background:#fee2e2;color:#991b1b}.status-refunded{background:#f3f4f6;color:#6b7280}.order-total{display:flex;flex-direction:column;gap:.25rem}.total-amount{font-weight:600;color:#1f2937;font-size:.875rem}.payment-method{font-size:.75rem;color:#6b7280;text-transform:uppercase}.order-date{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280}.order-date svg{flex-shrink:0}.order-actions{display:flex;gap:.5rem;flex-wrap:wrap}.order-actions .btn{display:flex;align-items:center;gap:.25rem;white-space:nowrap}.no-orders{text-align:center;padding:4rem 2rem;color:#6b7280}.no-orders-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-orders h4{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.no-orders p{color:#6b7280}.order-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.order-modal-content{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.order-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.order-modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem}.order-modal-close:hover{color:#374151}.order-modal-body{padding:1.5rem}@media (max-width: 1024px){.order-controls{flex-direction:column}.search-box{max-width:none}.filter-panel{grid-template-columns:repeat(2,1fr)}.orders-table th,.orders-table td{padding:.75rem}.order-actions{flex-direction:column}.order-actions .btn{width:100%;justify-content:center}}@media (max-width: 768px){.order-management-header{flex-direction:column;gap:1rem;align-items:flex-start}.header-actions{width:100%;justify-content:flex-start}.filter-panel{grid-template-columns:1fr}.orders-table{font-size:.875rem}.orders-table th,.orders-table td{padding:.5rem}.customer-info{min-width:150px}.order-actions{min-width:120px}}@media (max-width: 640px){.orders-table-container{display:none!important}.orders-mobile{display:block;padding:0}.order-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1rem;overflow:hidden;box-shadow:0 2px 8px #00000014}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.order-card-left .order-number{font-weight:600;font-size:1rem;color:#1f2937;margin-bottom:.25rem}.order-card-left .order-date{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.order-card-body{padding:1rem}.order-card-body h4{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.025em}.customer-section,.order-section,.total-section{margin-bottom:1rem}.customer-section:last-child,.order-section:last-child,.total-section:last-child{margin-bottom:0}.customer-name{font-weight:500;color:#1f2937;margin-bottom:.25rem}.customer-email{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.customer-location{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#6b7280}.order-meta{display:flex;justify-content:space-between;align-items:center}.order-items{font-size:.875rem;color:#6b7280}.payment-method{font-size:.75rem;color:#6b7280;text-transform:uppercase;background:#f3f4f6;padding:.25rem .5rem;border-radius:4px}.total-amount{font-size:1.25rem;font-weight:700;color:#059669}.order-card-footer{display:flex;gap:.5rem;padding:1rem;background:#f9fafb;border-top:1px solid #e5e7eb;flex-wrap:wrap}.order-card-footer .btn{flex:1;min-width:100px;justify-content:center}.no-orders{text-align:center;padding:3rem 1rem;color:#6b7280}}@media (max-width: 480px){.order-card-footer{flex-direction:column}.order-card-footer .btn{width:100%;min-width:auto}}@media print{.order-controls,.filter-panel,.header-actions,.order-actions{display:none}.orders-table{font-size:.75rem}.orders-table th,.orders-table td{padding:.25rem}.status-badge{background:#f3f4f6!important;color:#374151!important}}.orders-table th:focus,.orders-table td:focus{outline:2px solid var(--primary-color);outline-offset:-2px}.btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.admin-orders-page{min-height:100vh;background:#f8fafc;padding:2rem 0}.order-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #00000014;text-align:center;border:1px solid #e2e8f0}.summary-card h3{font-size:1rem;color:#64748b;margin:0 0 .5rem;font-weight:500}.summary-card p{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0}.order-management{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.order-management-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.order-management-header h3{margin:0;color:#1f2937;font-size:1.5rem;font-weight:600}.header-actions{display:flex;gap:12px}.btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:all .2s;text-decoration:none}.btn-outline{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-success:hover:not(:disabled){background:#059669}.btn-warning:hover:not(:disabled){background:#d97706}.btn-sm{padding:6px 12px;font-size:12px}.order-controls{display:flex;gap:16px;padding:20px 24px;border-bottom:1px solid #e5e7eb;align-items:center}.search-box{flex:1;position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:12px;color:#6b7280}.search-box input{width:100%;padding:10px 12px 10px 44px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.search-box input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;color:#374151;font-size:14px;transition:all .2s}.filter-toggle:hover,.filter-toggle.active{background:#f3f4f6;border-color:#3b82f6;color:#3b82f6}.filter-panel{padding:20px 24px;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:20px;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.filter-group select{padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;background:#fff}.orders-table-container{overflow-x:auto}.orders-table{width:100%;border-collapse:collapse}.orders-table th{text-align:left;padding:16px 24px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-weight:600;color:#374151;font-size:14px}.orders-table td{padding:16px 24px;border-bottom:1px solid #f3f4f6;vertical-align:top}.orders-table tbody tr:hover{background:#f9fafb}.order-info{display:flex;flex-direction:column;gap:4px}.order-number{font-weight:600;color:#1f2937}.order-items{font-size:12px;color:#6b7280}.customer-info{display:flex;flex-direction:column;gap:4px}.customer-name{font-weight:500;color:#1f2937}.customer-email{font-size:12px;color:#6b7280}.customer-location{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;background:#0000000d}.status-pending{background:#f59e0b1a;color:#f59e0b}.status-confirmed{background:#10b9811a;color:#10b981}.status-processing{background:#3b82f61a;color:#3b82f6}.status-shipped{background:#8b5cf61a;color:#8b5cf6}.status-delivered{background:#0596691a;color:#059669}.status-cancelled{background:#ef44441a;color:#ef4444}.status-refunded{background:#6b72801a;color:#6b7280}.order-total{display:flex;flex-direction:column;gap:4px}.total-amount{font-weight:600;color:#1f2937}.payment-method{font-size:12px;color:#6b7280;text-transform:capitalize}.order-date{display:flex;align-items:center;gap:6px;font-size:14px;color:#6b7280}.order-actions{display:flex;gap:8px;flex-wrap:wrap}.no-data-cell{text-align:center;padding:40px 24px}.no-orders{display:flex;flex-direction:column;align-items:center;gap:12px;color:#6b7280}.no-orders-icon{font-size:48px;opacity:.5}.no-orders h4{margin:0;color:#374151}.no-orders p{margin:0;font-size:14px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.pagination-info{font-size:14px;color:#6b7280}.loading-orders{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 24px;color:#6b7280}.loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.animate-spin{animation:spin 1s linear infinite}.modal-content{background:#fff;border-radius:12px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;color:#1f2937;font-size:1.25rem;font-weight:600}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:24px}.order-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.detail-section{background:#f9fafb;padding:16px;border-radius:8px}.detail-section h4{margin:0 0 12px;color:#1f2937;font-size:1rem;font-weight:600}.detail-section p{margin:8px 0;color:#6b7280;font-size:14px}.order-item{background:#fff;padding:12px;border-radius:6px;margin-bottom:8px;border:1px solid #e5e7eb}.order-item p{margin:4px 0}@media (max-width: 768px){.order-controls{flex-direction:column;gap:12px;align-items:stretch}.filter-panel{flex-direction:column;gap:16px}.orders-table th,.orders-table td{padding:12px 16px}.order-actions{flex-direction:column}.order-details-grid{grid-template-columns:1fr}.pagination{width:100%;flex-direction:column;gap:12px;text-align:center}}@media (max-width: 768px){.admin-orders-page{padding:1rem 0}.admin-page-container{padding:0 1rem}.admin-page-header h1{font-size:2rem}.admin-page-header p{font-size:1rem}.order-summary{grid-template-columns:1fr;gap:1rem}.summary-card{padding:1.5rem}.summary-card p{font-size:1.5rem}}@media (max-width: 480px){.admin-page-header h1{font-size:1.75rem}.summary-card{padding:1rem}.summary-card h3{font-size:.9rem}.summary-card p{font-size:1.25rem}}.base-product-creator{max-width:800px;margin:0 auto;padding:2rem}.creator-header{text-align:center;margin-bottom:2rem}.creator-header h2{color:#1f2937;margin-bottom:.5rem}.creator-header p{color:#6b7280;font-size:1rem}.creator-form{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.form-section{padding:2rem;border-bottom:1px solid #e5e7eb}.form-section:last-child{border-bottom:none}.form-section h3{color:#374151;margin-bottom:1rem;font-size:1.125rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;color:#374151;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group select:disabled{background-color:#f9fafb;color:#6b7280}.upload-note{background:#fef3cd;color:#92400e;padding:1rem;border-radius:.375rem;margin-bottom:1rem;font-size:.875rem}.image-upload{margin-bottom:1rem}.upload-btn{display:inline-block;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border-radius:.375rem;cursor:pointer;transition:background-color .2s}.upload-btn:hover{background:#2563eb}.image-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.image-item{position:relative;border:1px solid #d1d5db;border-radius:.375rem;overflow:hidden}.image-item img{width:100%;height:120px;object-fit:cover}.remove-btn{position:absolute;top:.25rem;right:.25rem;background:#000000b3;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:.75rem}.primary-badge{position:absolute;bottom:.25rem;left:.25rem;background:#10b981;color:#fff;padding:.125rem .375rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.form-actions{padding:2rem;background:#f9fafb;text-align:center}.btn{padding:.75rem 2rem;font-size:1rem;font-weight:500;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.base-product-creator{padding:1rem}}.admin-products-page{padding:2rem;padding-top:5rem!important;min-height:100vh;background:linear-gradient(135deg,#fff5eb,#fed7aa);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.page-header{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #fc80191a;margin-bottom:2rem;border:1px solid rgba(252,128,25,.1)}.header-content{display:flex;justify-content:space-between;align-items:center}.header-text h1{color:#fc8019;font-size:2rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.header-text p{color:#666;font-size:1.1rem;margin:0}.header-actions{display:flex;gap:1rem}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.analytics-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #fc80191a;border:1px solid rgba(252,128,25,.1);transition:all .3s ease;display:flex;align-items:center;gap:1rem}.analytics-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #fc801926}.analytics-card.large{grid-column:span 2;flex-direction:column;align-items:flex-start}.card-icon{width:60px;height:60px;background:linear-gradient(135deg,#fc8019,#ff6b35);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.card-content h3{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 .25rem}.card-content p{color:#666;font-size:1rem;margin:0 0 .5rem}.trend{font-size:.875rem;padding:.25rem .75rem;border-radius:20px;font-weight:500}.trend.positive{background:#d1fae5;color:#065f46}.trend.negative{background:#fecaca;color:#991b1b}.trend:not(.positive):not(.negative){background:#f3f4f6;color:#374151}.tab-navigation{background:#fff;border-radius:16px;padding:.5rem;margin-bottom:2rem;display:flex;gap:.5rem;box-shadow:0 4px 20px #fc80191a;border:1px solid rgba(252,128,25,.1)}.tab-btn{flex:1;padding:1rem 1.5rem;border:none;background:transparent;border-radius:12px;font-weight:500;color:#666;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.tab-btn:hover{background:#fc80191a;color:#fc8019}.tab-btn.active{background:linear-gradient(135deg,#fc8019,#ff6b35);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #fc80194d}.tab-content{border-radius:16px;box-shadow:0 4px 20px #fc80191a;border:1px solid rgba(252,128,25,.1);overflow:hidden}.filters-section{padding:2rem;border-bottom:1px solid #f0f0f0}.filters-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;margin-bottom:1rem}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:#999;z-index:1}.search-box input{width:100%;padding:1rem 1rem 1rem 2.5rem;border:2px solid #f0f0f0;border-radius:12px;font-size:1rem;transition:all .3s ease}.search-box input:focus{outline:none;border-color:#fc8019;box-shadow:0 0 0 3px #fc80191a}.filter-select{padding:1rem;border:2px solid #f0f0f0;border-radius:12px;font-size:1rem;background:#fff;cursor:pointer;transition:all .3s ease}.filter-select:focus{outline:none;border-color:#fc8019;box-shadow:0 0 0 3px #fc80191a}.bulk-actions{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fc80190d;border:1px solid rgba(252,128,25,.1);border-radius:12px;margin-top:1rem}.selection-count{font-weight:500;color:#fc8019}.bulk-buttons{display:flex;gap:.5rem}.products-table-container{padding:2rem}.products-table{border-radius:12px;overflow:hidden;border:1px solid #f0f0f0}.table-header{display:grid;grid-template-columns:50px 2fr 1fr 1fr 1fr 1fr 120px;background:#f8f9fa;padding:1rem;font-weight:600;color:#374151;border-bottom:1px solid #f0f0f0}.table-body{background:#fff}.table-row{display:grid;grid-template-columns:50px 2fr 1fr 1fr 1fr 1fr 120px;padding:1rem;border-bottom:1px solid #f0f0f0;transition:all .3s ease}.table-row:hover{background:#fc801905}.table-row:last-child{border-bottom:none}.table-cell{display:flex;align-items:center;padding:.5rem}.checkbox-cell{justify-content:center}.checkbox-cell input[type=checkbox]{width:18px;height:18px;accent-color:#fc8019;cursor:pointer}.product-info{display:flex;align-items:center;gap:1rem}.product-image{width:100%;height:60%;border-radius:8px;overflow:hidden;flex-shrink:0}.product-image img{width:100%;height:100%;object-fit:cover}.placeholder-image{width:100%;height:100%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#9ca3af}.product-details h4{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0 0 .25rem}.product-details p{font-size:.875rem;color:#666;margin:0 0 .25rem}.hsn-code{font-size:.75rem;background:#f3f4f6;color:#374151;padding:.125rem .5rem;border-radius:4px}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.status-icon{font-size:.75rem}.category-tag{background:linear-gradient(135deg,#fc8019,#ff6b35);color:#fff;padding:.375rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.subcategory{display:block;margin-top:.25rem;color:#666;font-size:.75rem}.suppliers-count{text-align:center}.suppliers-count .count{display:block;font-size:1.5rem;font-weight:700;color:#fc8019}.suppliers-count small{color:#666;font-size:.75rem}.date-info{text-align:center}.date-info span{display:block;font-weight:500;color:#1a1a1a}.date-info small{color:#666;font-size:.75rem}.actions-cell{justify-content:center}.action-buttons{display:flex;gap:.5rem}.action-btn{width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.875rem;transition:all .3s ease}.view-btn{background:#3b82f61a;color:#3b82f6}.view-btn:hover{background:#3b82f633;transform:translateY(-1px)}.edit-btn{background:#fc80191a;color:#fc8019}.edit-btn:hover{background:#fc801933;transform:translateY(-1px)}.delete-btn{background:#ef44441a;color:#ef4444}.delete-btn:hover{background:#ef444433;transform:translateY(-1px)}.delete-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#fc8019,#ff6b35);color:#fff;box-shadow:0 4px 12px #fc80194d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fc801966}.btn-secondary{background:#fff;color:#fc8019;border:2px solid #fc8019}.btn-secondary:hover{background:#fc8019;color:#fff;transform:translateY(-2px)}.btn-outline{background:#fff;color:#666;border:1px solid #ddd}.btn-outline:hover{background:#f8f9fa;transform:translateY(-1px)}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.loading-state,.empty-state,.error-state{text-align:center;padding:4rem 2rem}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #fc8019;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.empty-icon,.error-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3,.error-state h3{color:#1a1a1a;margin-bottom:.5rem}.empty-state p,.error-state p{color:#666;margin-bottom:2rem}.analytics-section{padding:2rem}.chart-placeholder{height:300px;background:#f8f9fa;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#666;font-style:italic}.create-section{padding:2rem}@media (max-width: 1200px){.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.analytics-card.large{grid-column:span 1}}@media (max-width: 968px){.admin-products-page{padding:1rem}.header-content{flex-direction:column;gap:1rem;text-align:center}.filters-row{grid-template-columns:1fr;gap:1rem}.bulk-actions{flex-direction:column;gap:1rem;text-align:center}.table-header,.table-row{grid-template-columns:1fr;gap:1rem}.table-cell{border-bottom:1px solid #f0f0f0;padding:.75rem 0;justify-content:space-between}.table-cell:before{content:attr(data-label);font-weight:600;color:#374151}.checkbox-cell,.actions-cell{justify-content:center}.product-info{flex-direction:column;text-align:center}}@media (max-width: 640px){.tab-navigation{flex-direction:column}.tab-btn{padding:.75rem;font-size:.875rem}.analytics-grid{grid-template-columns:1fr}.analytics-card{flex-direction:column;text-align:center}.card-icon{width:50px;height:50px;font-size:1.25rem}}.reports-manager{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;min-height:600px}.reports-manager-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;position:relative;overflow:hidden}.reports-manager-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="0.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>') repeat;opacity:.3}.reports-manager-header h2{margin:0 0 .5rem;font-size:2rem;font-weight:700;position:relative;z-index:1}.reports-manager-header p{margin:0;opacity:.9;font-size:1.1rem;position:relative;z-index:1}.reports-tabs{display:flex;background:#f8fafc;border-bottom:1px solid #e2e8f0}.reports-tab{flex:1;padding:1rem 1.5rem;background:transparent;border:none;cursor:pointer;font-size:1rem;font-weight:500;color:#64748b;transition:all .2s ease;position:relative}.reports-tab:hover{background:#e2e8f0;color:#475569}.reports-tab.active{background:#fff;color:#667eea;font-weight:600}.reports-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.reports-content{padding:2rem}.report-generator{max-width:800px;margin:0 auto}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#374151;display:flex;align-items:center;gap:.5rem}.form-group label svg{width:16px;height:16px;color:#667eea}.form-select,.form-input{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff}.form-select:focus,.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.date-range-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem}.filters-section{background:#f8fafc;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:2rem}.filters-section h4{margin:0 0 1rem;color:#374151;display:flex;align-items:center;gap:.5rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.generate-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;justify-content:center;min-width:200px;margin:0 auto}.generate-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.generate-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.reports-list{max-width:1000px;margin:0 auto}.reports-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.reports-list-header h3{margin:0;color:#374151;font-size:1.5rem}.reports-search{position:relative;max-width:300px}.reports-search input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem}.reports-search svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;width:18px;height:18px}.reports-grid{display:grid;gap:1rem}.report-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .2s ease;position:relative}.report-card:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea1a;transform:translateY(-2px)}.report-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.report-info h4{margin:0 0 .5rem;color:#374151;font-size:1.2rem;display:flex;align-items:center;gap:.5rem}.report-info p{margin:0;color:#6b7280;font-size:.9rem}.report-status{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.25rem}.report-status.completed{background:#dcfce7;color:#166534}.report-status.processing{background:#fef3c7;color:#92400e}.report-status.failed{background:#fee2e2;color:#991b1b}.report-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1rem}.report-meta-item{text-align:center;padding:.75rem;background:#f8fafc;border-radius:8px}.report-meta-item .label{display:block;font-size:.8rem;color:#6b7280;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.report-meta-item .value{display:block;font-size:1.1rem;font-weight:600;color:#374151}.report-actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}.action-button{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.action-button.download{background:#10b981;color:#fff}.action-button.download:hover{background:#059669}.action-button.view{background:#3b82f6;color:#fff}.action-button.view:hover{background:#2563eb}.action-button.delete{background:#ef4444;color:#fff}.action-button.delete:hover{background:#dc2626}.empty-reports{text-align:center;padding:3rem 1rem;color:#6b7280}.empty-reports svg{width:64px;height:64px;margin-bottom:1rem;opacity:.5}.empty-reports h3{margin:0 0 .5rem;color:#374151}.empty-reports p{margin:0;font-size:1.1rem}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:3rem}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.report-type-icon{width:20px;height:20px}.report-type-sales{color:#10b981}.report-type-users{color:#3b82f6}.report-type-orders{color:#f59e0b}.report-type-products{color:#8b5cf6}.report-type-revenue{color:#ef4444}@media (max-width: 768px){.reports-manager-header{padding:1.5rem}.reports-manager-header h2{font-size:1.5rem}.reports-tabs{flex-direction:column}.reports-tab{text-align:center}.reports-content{padding:1rem}.form-grid,.date-range-inputs,.filters-grid{grid-template-columns:1fr}.reports-list-header{flex-direction:column;align-items:stretch}.reports-search{max-width:none}.report-meta{grid-template-columns:repeat(2,1fr)}.report-actions{justify-content:center}}@media (max-width: 480px){.reports-manager-header{padding:1rem}.reports-manager-header h2{font-size:1.25rem}.report-card{padding:1rem}.report-meta{grid-template-columns:1fr}.action-button{flex:1;justify-content:center}}.generating{animation:pulse 2s infinite}.action-button:focus,.form-select:focus,.form-input:focus,.generate-button:focus{outline:2px solid #667eea;outline-offset:2px}@media print{.reports-manager{box-shadow:none;border:1px solid #000}.reports-manager-header{background:#000!important;color:#000!important}.action-button{display:none}}.admin-analytics{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.analytics-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.analytics-header h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.analytics-controls{display:flex;gap:.75rem;align-items:center}.time-range-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;color:#374151}.time-range-select:focus{outline:none;border-color:var(--primary-color)}.analytics-controls .btn{display:flex;align-items:center;gap:.5rem}.loading-analytics{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.key-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:1.5rem;background:#f9fafb}.metric-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:12px;border:1px solid #e5e7eb;transition:all .3s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.metric-icon{width:3rem;height:3rem;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon.revenue{background:#3b82f61a;color:#3b82f6}.metric-icon.orders{background:#10b9811a;color:#10b981}.metric-icon.users{background:#8b5cf61a;color:#8b5cf6}.metric-icon.suppliers{background:#f59e0b1a;color:#f59e0b}.metric-content{flex:1;min-width:0}.metric-value{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:.25rem;line-height:1.2}.metric-label{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.metric-trend{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600}.metric-trend.positive{color:#10b981}.metric-trend.negative{color:#ef4444}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:1.5rem}.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.chart-card.full-width{grid-column:1 / -1}.chart-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6;background:#fafafa}.chart-header h4{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.chart-legend{display:flex;gap:1rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.revenue{background:#3b82f6}.legend-dot.orders{background:#10b981}.legend-dot.customers{background:#3b82f6}.legend-dot.suppliers{background:#10b981}.chart-container{padding:1rem}.analytics-tooltip{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem;box-shadow:0 4px 12px #00000026}.tooltip-label{font-weight:600;color:#1f2937;margin-bottom:.5rem;font-size:.875rem}.tooltip-item{color:#374151;font-size:.75rem;margin:.25rem 0;font-weight:500}.insights-section{padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.insights-section h4{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.insight-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.insight-icon{width:2.5rem;height:2.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.insight-icon.positive{background:#10b9811a;color:#10b981}.insight-icon.negative{background:#ef44441a;color:#ef4444}.insight-icon.neutral{background:#3b82f61a;color:#3b82f6}.insight-icon.warning{background:#f59e0b1a;color:#f59e0b}.insight-content{flex:1;min-width:0}.insight-content h5{font-size:.875rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.insight-content p{font-size:.75rem;color:#6b7280;line-height:1.4;margin:0}@media (max-width: 1200px){.charts-grid{grid-template-columns:1fr}.chart-card.full-width{grid-column:1}.key-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.analytics-header{flex-direction:column;gap:1rem;align-items:flex-start}.analytics-controls{width:100%;justify-content:space-between}.key-metrics{grid-template-columns:1fr;padding:1rem;gap:1rem}.charts-grid{padding:1rem;gap:1rem}.chart-header{flex-direction:column;gap:.5rem;align-items:flex-start}.chart-legend{width:100%;justify-content:space-around}.insights-grid{grid-template-columns:1fr}.insights-section{padding:1rem}}@media (max-width: 640px){.metric-card{padding:1rem;gap:.75rem}.metric-icon{width:2.5rem;height:2.5rem}.metric-value{font-size:1.5rem}.chart-container{padding:.5rem}.chart-header{padding:1rem}.insight-card{padding:.75rem;gap:.75rem}.insight-icon{width:2rem;height:2rem}}@media (max-width: 480px){.analytics-header{padding:1rem}.analytics-controls{flex-direction:column;gap:.5rem}.analytics-controls .btn{width:100%;justify-content:center}.metric-card{flex-direction:column;text-align:center}.chart-legend{flex-direction:column;gap:.5rem}.legend-item{justify-content:center}}@media print{.analytics-controls,.chart-header .btn{display:none}.charts-grid{grid-template-columns:1fr;gap:1rem}.chart-card{break-inside:avoid;box-shadow:none;border:1px solid #d1d5db}.key-metrics{grid-template-columns:repeat(2,1fr)}.insights-section{break-inside:avoid}}.metric-card{animation:fadeInUp .5s ease-out}.chart-card{animation:fadeInUp .6s ease-out}.insight-card{animation:fadeInUp .7s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chart-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;transition:all .3s ease}.insight-card:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.chart-loading{display:flex;justify-content:center;align-items:center;height:300px;color:#6b7280}.chart-error{display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px;color:#ef4444;text-align:center}.chart-error-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.metric-card:focus-within,.chart-card:focus-within,.insight-card:focus-within{outline:2px solid var(--primary-color);outline-offset:2px}.charts-grid::-webkit-scrollbar{display:none}.charts-grid{-ms-overflow-style:none;scrollbar-width:none}.data-source-indicator{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.75rem 1.5rem;border-radius:8px;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #10b9814d}.real-data-badge{font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.error-analytics{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#dc2626}.error-analytics h4{margin:1rem 0 .5rem;color:#dc2626}.error-analytics p{color:#6b7280;margin-bottom:2rem}.analytics-tooltip{background:#000000e6;border:none;border-radius:8px;padding:1rem;color:#fff;font-size:.875rem;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tooltip-label{font-weight:600;margin-bottom:.5rem;color:#e5e7eb}.tooltip-item{margin:.25rem 0;font-weight:500}.metric-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#10b981,#f59e0b,#ef4444);opacity:0;transition:opacity .3s ease}.metric-card:hover:before{opacity:1}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.data-status{margin-top:2rem;padding:1rem;background:#f8fafc;border-radius:8px;border-left:4px solid #3b82f6;font-size:.875rem;color:#64748b}.data-status strong{color:#374151}.chart-container{position:relative}.chart-container:after{content:"";position:absolute;top:10px;right:10px;width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 10px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.insight-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;transition:all .2s ease}.insight-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.insight-icon.positive{background:linear-gradient(135deg,#10b981,#059669);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.insight-icon.negative{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.insight-icon.neutral{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.insight-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}@media (max-width: 768px){.data-source-indicator{padding:.5rem 1rem;font-size:.875rem}.real-data-badge{font-size:.8rem}.data-status{font-size:.8rem;padding:.75rem}.analytics-controls{flex-direction:column;gap:.5rem}.time-range-select{width:100%}}.loading-analytics{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-left:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-analytics p{color:#6b7280;font-size:1.1rem}.export-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.export-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.export-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0}.export-modal-header h4{margin:0;font-size:1.25rem;font-weight:600}.close-btn{background:#fff3;border:none;color:#fff;cursor:pointer;padding:.5rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.close-btn:hover{background:#ffffff4d}.export-modal-content{padding:1.5rem}.export-options h5{margin:0 0 1rem;color:#374151;font-size:1rem;font-weight:600}.format-options{display:flex;flex-direction:column;gap:.75rem}.format-option{cursor:pointer;position:relative}.format-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.format-card{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s ease;background:#fff}.format-option.selected .format-card{border-color:#3b82f6;background-color:#eff6ff;box-shadow:0 2px 8px #3b82f61a}.format-option:hover .format-card{border-color:#d1d5db;background-color:#f9fafb}.format-option.selected:hover .format-card{border-color:#3b82f6;background-color:#eff6ff}.format-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.format-icon.excel{background-color:#dcfce7}.format-icon.pdf{background-color:#fef2f2}.format-icon.csv{background-color:#fff7ed}.format-info{display:flex;flex-direction:column;gap:.25rem}.format-name{font-weight:600;color:#1f2937;font-size:1rem}.format-desc{font-size:.875rem;color:#6b7280;line-height:1.4}.export-info{margin-top:1.5rem;padding:1rem;background-color:#f8fafc;border-radius:8px;border-left:4px solid #3b82f6}.export-info p{margin:0 0 .5rem;font-size:.875rem;color:#4b5563}.export-info p:last-child{margin-bottom:0}.export-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb;background-color:#f9fafb;border-radius:0 0 12px 12px}.btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;min-width:100px;justify-content:center}.btn-outlines{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-outlines:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-sm{padding:.375rem .75rem;font-size:.8rem}.data-source-indicator{margin-bottom:1rem;text-align:center}.real-data-badge{display:inline-block;padding:.375rem .75rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:6px;font-size:.875rem;font-weight:500}.data-status{margin-top:2rem;padding:1rem;background-color:#f8fafc;border-radius:8px;text-align:center;border:1px solid #e5e7eb}.data-status p{margin:0;font-size:.875rem;color:#6b7280}.spin{animation:spin 1s linear infinite}.loading-analytics,.error-analytics{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-analytics svg{color:#ef4444;margin-bottom:1rem}.error-analytics h4{margin:0 0 .5rem;color:#1f2937}.error-analytics p{margin:0 0 1.5rem;color:#6b7280}@media (max-width: 768px){.export-modal{width:95%;margin:1rem}.export-modal-header,.export-modal-content,.export-modal-actions{padding:1rem}.format-card{padding:.75rem}.format-options{gap:.5rem}.export-modal-actions{flex-direction:column}.btn{width:100%}}@media (max-width: 480px){.export-modal{width:100%;height:100%;border-radius:0}.export-modal-header,.export-modal-actions{border-radius:0}}.admin-reports-page{min-height:100vh;background:#f8fafc;padding:2rem 0}.admin-page-content{display:flex;flex-direction:column;gap:2rem}.reports-section{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}@media (max-width: 768px){.admin-reports-page{padding:1rem 0}.admin-page-container{padding:0 1rem}.admin-page-header h1{font-size:2rem}.admin-page-header p{font-size:1rem}.admin-page-content{gap:1rem}}.advance-payment-config{padding:2rem;max-width:1400px;margin:0 auto}.config-header{margin-bottom:2rem}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.header-info h2{display:flex;align-items:center;gap:.75rem;margin:0 0 .5rem;color:#1a1a1a;font-size:1.5rem;font-weight:600}.header-info p{margin:0;color:#666;font-size:.95rem}.header-actions{display:flex;gap:1rem;align-items:center}.btn-toggle-inactive{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;transition:all .2s ease}.btn-toggle-inactive:hover{background:#e9ecef}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem;margin-bottom:2rem}.category-config-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.category-config-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.card-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.category-info{display:flex;align-items:center;gap:1rem}.category-icon{font-size:2rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a}.category-info h3{margin:0;color:#1a1a1a;font-size:1.25rem;font-weight:600}.category-description{margin:.25rem 0 0;color:#666;font-size:.85rem}.btn-edit{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:1px solid #007bff;border-radius:8px;color:#007bff;cursor:pointer;transition:all .2s ease}.btn-edit:hover{background:#007bff;color:#fff}.btn-edit.active{background:#dc3545;border-color:#dc3545;color:#fff}.card-content{padding:1.5rem}.editing-mode{display:flex;flex-direction:column;gap:2rem}.percentage-options{display:flex;flex-direction:column;gap:1rem}.section-header{display:flex;justify-content:space-between;align-items:center}.section-header h4{margin:0;color:#1a1a1a;font-size:1.1rem;font-weight:600}.btn-add-option{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;transition:background .2s ease}.btn-add-option:hover{background:#218838}.options-list{display:flex;flex-direction:column;gap:1rem}.option-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;transition:all .2s ease}.option-item.inactive{opacity:.6;background:#f1f3f4}.option-item.hidden{display:none}.option-inputs{display:flex;align-items:end;gap:1rem;flex:1}.input-group{display:flex;flex-direction:column;gap:.25rem;position:relative}.input-group label{font-size:.8rem;font-weight:500;color:#495057}.input-group input[type=number],.input-group input[type=text]{padding:.5rem;border:1px solid #ced4da;border-radius:6px;font-size:.9rem;transition:border-color .2s ease}.input-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.percentage-symbol{position:absolute;right:.75rem;bottom:.5rem;color:#6c757d;font-size:.9rem;pointer-events:none}.checkbox-group{align-items:center}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem}.btn-remove-option{padding:.5rem;background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:background .2s ease}.btn-remove-option:hover{background:#c82333}.default-percentage-section{display:flex;flex-direction:column;gap:.75rem}.default-percentage-section h4{margin:0;color:#1a1a1a;font-size:1rem;font-weight:600}.default-percentage-select{padding:.75rem;border:1px solid #ced4da;border-radius:8px;font-size:.9rem;background:#fff;cursor:pointer}.save-section{padding-top:1rem;border-top:1px solid #e9ecef}.btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.view-mode{display:flex;flex-direction:column;gap:1.5rem}.current-options h4{margin:0 0 1rem;color:#1a1a1a;font-size:1rem;font-weight:600}.options-display{display:flex;flex-wrap:wrap;gap:.75rem}.option-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#e9ecef;border-radius:20px;font-size:.85rem;position:relative}.option-badge.default{background:#007bff;color:#fff}.option-badge.inactive{background:#f1f3f4;color:#6c757d;text-decoration:line-through}.option-badge .percentage{font-weight:600}.default-indicator{position:absolute;top:-.25rem;right:-.25rem;background:#28a745;color:#fff;font-size:.6rem;padding:.125rem .375rem;border-radius:8px;font-weight:600}.config-summary{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f8f9fa;border-radius:8px}.summary-item{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.summary-item .label{color:#6c757d}.summary-item .value{font-weight:500;color:#1a1a1a}.config-info{margin-top:2rem}.info-card{display:flex;gap:1rem;padding:1.5rem;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404}.info-card h4{margin:0 0 .5rem;color:#856404}.info-card ul{margin:0;padding-left:1.25rem}.info-card li{margin-bottom:.25rem;font-size:.9rem}.advance-config-loading,.advance-config-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6c757d}.advance-config-loading .spinning{animation:spin 1s linear infinite;margin-bottom:1rem}.advance-config-error{color:#dc3545}.advance-config-error h3{margin:1rem 0 .5rem;color:#dc3545}@media (max-width: 768px){.advance-payment-config{padding:1rem}.config-grid{grid-template-columns:1fr;gap:1rem}.header-content{flex-direction:column;align-items:stretch;gap:1rem}.option-inputs{flex-direction:column;align-items:stretch}.options-display{justify-content:center}}.system-settings{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.settings-header h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.settings-header .btn{display:flex;align-items:center;gap:.5rem}.loading-settings{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.loading-spinner{width:2rem;height:2rem;border:2px solid #e5e7eb;border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.settings-container{display:grid;grid-template-columns:250px 1fr;min-height:600px}.settings-nav{background:#f9fafb;border-right:1px solid #e5e7eb;padding:1rem 0}.nav-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.5rem;border:none;background:transparent;color:#6b7280;font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s}.nav-item:hover{color:#00f}.nav-item.active{background:#000;position:relative}.nav-item.active:after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:#ffffff4d}.nav-item svg{flex-shrink:0}.settings-content{padding:2rem;overflow-y:auto}.settings-section{max-width:600px}.settings-section h4{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.setting-group{margin-bottom:1.5rem}.setting-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.setting-group input,.setting-group select,.setting-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s;background:#fff}.setting-group textarea{resize:vertical;min-height:80px}.input-with-icon{position:relative}.input-with-icon input{padding-right:2.5rem}.input-with-icon svg{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.checkbox-group{display:flex;align-items:center;gap:.5rem}.checkbox-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:0;cursor:pointer;font-weight:400}.checkbox-group input[type=checkbox]{width:auto;margin:0;padding:0;position:relative;cursor:pointer}input[type=checkbox]{appearance:none;width:1.25rem;height:1.25rem;border:2px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer;position:relative;transition:all .2s}input[type=checkbox]:checked{background:var(--primary-color);border-color:var(--primary-color)}input[type=checkbox]:checked:after{content:"✓";position:absolute;top:-2px;left:2px;color:#fff;font-size:.875rem;font-weight:700}input[type=checkbox]:focus{outline:2px solid var(--primary-color);outline-offset:2px}.maintenance-status{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding:1.5rem;background:#f9fafb;border-radius:8px;margin-bottom:1.5rem}.maintenance-info{flex:1}.maintenance-info h5{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.maintenance-info p{font-size:.875rem;color:#6b7280;line-height:1.5;margin:0}.status{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.status.enabled{background:#fee2e2;color:#991b1b}.status.disabled{background:#dcfce7;color:#166534}.maintenance-status .btn{flex-shrink:0;display:flex;align-items:center;gap:.5rem}.setting-group.error input,.setting-group.error select,.setting-group.error textarea{border-color:#ef4444}.setting-group.error .error-message{color:#ef4444;font-size:.75rem;margin-top:.25rem}.setting-group.success input,.setting-group.success select,.setting-group.success textarea{border-color:#10b981}@media (max-width: 1024px){.settings-container{grid-template-columns:200px 1fr}.nav-item{padding:.75rem 1rem;font-size:.8rem}.nav-item svg{width:14px;height:14px}}@media (max-width: 768px){.settings-container{grid-template-columns:1fr}.settings-nav{display:flex;overflow-x:auto;border-right:none;border-bottom:1px solid #e5e7eb;padding:.5rem;gap:.5rem}.nav-item{white-space:nowrap;border-radius:8px;padding:.5rem 1rem;flex-shrink:0}.nav-item.active:after{display:none}.settings-content{padding:1.5rem}.maintenance-status{flex-direction:column;gap:1rem}.maintenance-status .btn{width:100%;justify-content:center}}@media (max-width: 640px){.settings-header{flex-direction:column;gap:1rem;align-items:flex-start}.settings-header .btn{width:100%;justify-content:center}.settings-content{padding:1rem}.settings-section h4{font-size:1rem}.nav-item{font-size:.75rem;padding:.5rem .75rem}.input-with-icon input{font-size:.875rem}}@media (max-width: 480px){.settings-nav{padding:.5rem;gap:.25rem}.nav-item{padding:.5rem;gap:.5rem}.nav-item span{display:none}.nav-item svg{margin:0}.maintenance-info h5{flex-direction:column;align-items:flex-start;gap:.25rem}}@media print{.settings-nav,.settings-header .btn,.maintenance-status .btn{display:none}.settings-container{grid-template-columns:1fr}.settings-content{padding:1rem}.setting-group input,.setting-group select,.setting-group textarea{border:1px solid #d1d5db;background:#fff}}.nav-item:focus{outline:2px solid var(--primary-color);outline-offset:-2px}.setting-group input:focus,.setting-group select:focus,.setting-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.setting-group.changed{animation:highlight .5s ease-in-out}@keyframes highlight{0%{background-color:#3b82f61a}to{background-color:transparent}}.btn.loading{position:relative;color:transparent}.btn.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.settings-nav::-webkit-scrollbar{display:none}.settings-nav{-ms-overflow-style:none;scrollbar-width:none}.admin-settings-page{min-height:100vh;background:#f8fafc;padding:2rem 0}.admin-page-container{max-width:1400px;margin:0 auto;padding:0 2rem}.admin-page-header{margin-bottom:2rem;text-align:center}.admin-page-header h1{font-size:2.5rem;font-weight:700;color:#1a202c;margin:0 0 1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-page-header p{font-size:1.1rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}.admin-page-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}@media (max-width: 768px){.admin-settings-page{padding:1rem 0}.admin-page-container{padding:0 1rem}.admin-page-header h1{font-size:2rem}.admin-page-header p{font-size:1rem}}@media (max-width: 480px){.admin-page-header h1{font-size:1.75rem}}.admin-product-detail{padding:20px;max-width:1200px;margin:0 auto}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.header-left{flex:1}.back-btn{background:none;border:1px solid #d1d5db;padding:8px 16px;border-radius:6px;cursor:pointer;margin-bottom:15px;color:#374151;font-size:14px}.back-btn:hover{background:#f9fafb}.header-info h1{margin:0 0 10px;color:#111827;font-size:28px}.header-meta{display:flex;align-items:center;gap:15px}.product-id{color:#6b7280;font-size:14px}.header-actions{display:flex;gap:10px}.btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn:disabled{opacity:.6;cursor:not-allowed}.detail-content{display:flex;flex-direction:column;gap:30px}.detail-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.detail-section h3{margin:0 0 20px;color:#111827;font-size:18px;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.info-item{display:flex;flex-direction:column;gap:5px}.info-item.full-width{grid-column:1 / -1}.info-item label{font-weight:600;color:#374151;font-size:14px}.info-item span{color:#6b7280;font-size:14px}.product-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.product-image{width:100%;height:200px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb}.no-images{color:#6b7280;font-style:italic;text-align:center;padding:40px;border:2px dashed #d1d5db;border-radius:8px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{text-align:center;padding:20px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.stat-number{display:block;font-size:24px;font-weight:700;color:#111827;margin-bottom:5px}.stat-label{font-size:14px;color:#6b7280}.orders-table{display:flex;flex-direction:column;gap:1px;background:#e5e7eb;border-radius:8px;overflow:hidden}.table-header,.table-row{display:grid;grid-template-columns:1fr 1fr 100px 100px 120px 100px;background:#fff;padding:12px 15px;gap:15px;align-items:center}.table-header{background:#f9fafb;font-weight:600;color:#374151;font-size:14px}.table-row{font-size:14px;color:#6b7280}.status-delivered{color:#10b981}.status-processing{color:#f59e0b}.status-pending{color:#ef4444}.status-cancelled{color:#6b7280}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:8px;padding:30px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal h3{margin:0 0 20px;color:#111827}.modal-form{margin-bottom:20px}.modal-form label{display:block;margin-bottom:8px;font-weight:600;color:#374151}.modal-form textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.admin-loading,.admin-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@media (max-width: 768px){.detail-header{flex-direction:column;gap:20px}.header-actions{width:100%;justify-content:stretch}.info-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.table-header,.table-row{grid-template-columns:1fr 1fr;gap:10px}.table-header span:nth-child(n+3),.table-row span:nth-child(n+3){display:none}}.payment-processing-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:2rem 0}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.loading-container h2,.error-container h2{margin:1rem 0;color:#374151;font-size:1.8rem}.loading-container p,.error-container p{color:#6b7280;font-size:1.1rem;margin-bottom:2rem}.back-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.back-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.page-header{text-align:center;padding:2rem;max-width:800px;margin:0 auto}.page-header h1{font-size:2.5rem;font-weight:700;color:#1a202c;margin-bottom:.5rem}.page-header p{font-size:1.2rem;color:#6b7280}.payment-container{max-width:800px;margin:0 auto;padding:0 2rem}.payment-help{max-width:800px;margin:3rem auto 0;padding:0 2rem}.help-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #00000014}.help-section h3{margin:0 0 1.5rem;color:#374151;font-size:1.5rem;font-weight:600}.help-items{display:grid;gap:1rem}.help-item{padding:1rem;background:#f8fafc;border-radius:8px;border-left:4px solid #667eea}.help-item strong{color:#374151;display:block;margin-bottom:.25rem}@media (max-width: 768px){.page-header{padding:1rem}.page-header h1{font-size:2rem}.payment-container,.payment-help{padding:0 1rem}.help-section{padding:1.5rem}}.payment-status-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;align-items:center;justify-content:center;padding:2rem}.payment-status-card{max-width:600px;width:100%;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;overflow:hidden;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.status-content{padding:3rem 2rem 2rem;text-align:center}.status-content.success{background:linear-gradient(135deg,#22c55e0d,#16a34a0d)}.status-content.failed{background:linear-gradient(135deg,#ef44440d,#dc26260d)}.status-content.pending{background:linear-gradient(135deg,#fbbf240d,#f59e0b0d)}.status-content.refunded{background:linear-gradient(135deg,#3b82f60d,#2563eb0d)}.status-icon{display:block;margin-left:auto;margin-right:auto}.status-icon.success{color:#22c55e}.status-icon.failed{color:#ef4444}.status-icon.pending{color:#f59e0b;animation:pulse 2s infinite}.status-icon.refunded{color:#3b82f6}.status-info h2{margin:0 0 1rem;font-size:2rem;font-weight:700;color:#1a202c}.status-info p{margin:0 0 2rem;font-size:1.1rem;color:#64748b;line-height:1.6}.payment-details,.refund-details{background:#f8fafc;border-radius:12px;padding:1.5rem;margin:2rem 0;text-align:left}.payment-details h3,.refund-details h3{margin:0 0 1rem;font-size:1.3rem;font-weight:600;color:#374151}.detail-grid{display:grid;gap:.75rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e2e8f0}.detail-item:last-child{border-bottom:none}.detail-label{font-weight:500;color:#6b7280}.detail-value{font-weight:600;color:#374151;text-align:right}.status-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.primary-button,.secondary-button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none;min-width:140px;justify-content:center}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.primary-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.secondary-button:hover{border-color:#667eea;color:#667eea;background:#f8fafc}.status-loading,.status-error{padding:3rem 2rem;text-align:center}.loading-icon{color:#667eea;animation:spin 1s linear infinite;margin-bottom:1.5rem}.status-loading h2,.status-error h2{margin:0 0 1rem;font-size:1.8rem;font-weight:600;color:#374151}.status-loading p,.status-error p{margin:0 0 2rem;color:#6b7280;font-size:1.1rem}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.retry-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.retry-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.home-button:hover{border-color:#667eea;color:#667eea;background:#f8fafc}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.payment-status-container{padding:1rem}.payment-status-card{border-radius:16px}.status-content{padding:2rem 1.5rem 1.5rem}.status-info h2{font-size:1.6rem}.status-info p{font-size:1rem}.payment-details,.refund-details{padding:1rem;margin:1.5rem 0}.status-actions{flex-direction:column;align-items:stretch}.primary-button,.secondary-button{width:100%}}@media (max-width: 480px){.status-content{padding:1.5rem 1rem}.status-info h2{font-size:1.4rem}.detail-item{flex-direction:column;align-items:flex-start;gap:.25rem}.detail-value{text-align:left}.error-actions{flex-direction:column;align-items:stretch}.retry-button,.home-button{width:100%}}.primary-button:focus,.secondary-button:focus,.retry-button:focus,.home-button:focus{outline:2px solid #667eea;outline-offset:2px}@media print{.payment-status-container{background:#fff;padding:0}.payment-status-card{box-shadow:none;border:1px solid #000}.status-actions,.error-actions{display:none}}.payment-success-page{min-height:100vh;background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:2rem 0}.success-header{text-align:center;padding:2rem;max-width:800px;margin:0 auto}.success-icon-container{margin-bottom:1.5rem}.success-icon{color:#22c55e;filter:drop-shadow(0 4px 8px rgba(34,197,94,.3))}.success-header h1{font-size:2.5rem;font-weight:700;color:#1a202c;margin-bottom:1rem}.success-header p{font-size:1.2rem;color:#16a34a;line-height:1.6}.next-steps{max-width:1000px;margin:3rem auto;padding:0 2rem}.next-steps h2{text-align:center;font-size:2rem;color:#374151;margin-bottom:2rem}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.step-item{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #00000014;text-align:center;position:relative}.step-number{width:40px;height:40px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;margin:0 auto 1rem}.step-item h3{margin:0 0 .5rem;color:#374151;font-size:1.2rem}.step-item p{margin:0;color:#6b7280;line-height:1.5}.action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;max-width:800px;margin:3rem auto;padding:0 2rem}.primary-button,.secondary-button,.outline-button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none}.primary-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.primary-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #22c55e4d}.secondary-button{background:#fff;color:#374151;border:2px solid #e2e8f0}.secondary-button:hover{border-color:#22c55e;color:#22c55e;background:#f0fdf4}.outline-button{background:transparent;color:#22c55e;border:2px solid #22c55e}.outline-button:hover{background:#22c55e;color:#fff}.order-summary-card{max-width:600px;margin:3rem auto;padding:0 2rem}.order-summary-card>div{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #00000014}.order-summary-card h3{margin:0 0 1.5rem;color:#374151;font-size:1.5rem;font-weight:600}.summary-details{display:flex;flex-direction:column;gap:1rem}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e2e8f0}.summary-row:last-child{border-bottom:none;font-weight:600;color:#374151}.support-info{max-width:800px;margin:3rem auto;padding:0 2rem;text-align:center}.support-info h3{font-size:1.5rem;color:#374151;margin-bottom:1rem}.support-info p{color:#6b7280;margin-bottom:1.5rem;font-size:1.1rem}.support-contacts{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.support-contacts span{background:#fff;padding:.75rem 1.5rem;border-radius:8px;box-shadow:0 2px 10px #0000000d;color:#374151;font-weight:500}@media (max-width: 768px){.success-header{padding:1rem}.success-header h1{font-size:2rem}.steps-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column;align-items:stretch}.action-buttons button{width:100%}.support-contacts{flex-direction:column;align-items:center}}.payment-failed-page{min-height:100vh;background:linear-gradient(135deg,#fef2f2,#fee2e2);padding:2rem 0}.failed-header{text-align:center;padding:2rem;max-width:800px;margin:0 auto}.failed-icon-container{margin-bottom:1.5rem}.failed-icon{color:#ef4444;filter:drop-shadow(0 4px 8px rgba(239,68,68,.3))}.failed-header h1{font-size:2.5rem;font-weight:700;color:#1a202c;margin-bottom:1rem}.failed-header p{font-size:1.2rem;color:#dc2626;line-height:1.6;margin-bottom:1.5rem}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:1rem;color:#991b1b;font-size:.95rem;max-width:500px;margin:0 auto}.payment-status-section{max-width:800px;margin:2rem auto;padding:0 2rem}.quick-actions{max-width:1000px;margin:3rem auto;padding:0 2rem}.quick-actions h2{text-align:center;font-size:2rem;color:#374151;margin-bottom:2rem}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.action-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 20px #00000014;text-align:center;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.action-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.action-card.primary{border-color:#ef4444}.action-card.primary:hover{border-color:#dc2626;background:linear-gradient(135deg,#ef44440d,#dc26260d)}.action-card.secondary{border-color:#6b7280}.action-card.secondary:hover{border-color:#374151;background:#f9fafb}.action-card.support{border-color:#3b82f6}.action-card.support:hover{border-color:#2563eb;background:linear-gradient(135deg,#3b82f60d,#2563eb0d)}.action-card svg{color:inherit;margin-bottom:1rem}.action-card h3{margin:0 0 .5rem;color:#374151;font-size:1.3rem}.action-card p{margin:0;color:#6b7280;line-height:1.5}.common-reasons{max-width:1200px;margin:3rem auto;padding:0 2rem}.common-reasons h2{text-align:center;font-size:2rem;color:#374151;margin-bottom:2rem}.reasons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1rem}.reason-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 10px #0000000d;border-left:4px solid #ef4444}.reason-card h4{margin:0 0 .5rem;color:#374151;font-size:1.1rem}.reason-card p{margin:0;color:#6b7280;font-size:.95rem;line-height:1.4}.troubleshooting{max-width:800px;margin:3rem auto;padding:0 2rem}.troubleshooting h2{text-align:center;font-size:2rem;color:#374151;margin-bottom:2rem}.steps-list{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #00000014}.step-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #e2e8f0}.step-item:last-child{border-bottom:none}.step-number{width:32px;height:32px;background:#ef4444;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0}.alternative-methods{max-width:1000px;margin:3rem auto;padding:0 2rem}.alternative-methods h2{text-align:center;font-size:2rem;color:#374151;margin-bottom:2rem}.methods-suggestion{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.method-option{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 10px #0000000d;text-align:center}.method-option h4{margin:0 0 .5rem;color:#374151;font-size:1.1rem}.method-option p{margin:0;color:#6b7280;font-size:.9rem}.support-section{max-width:800px;margin:3rem auto;padding:0 2rem;text-align:center}.support-section h2{font-size:2rem;color:#374151;margin-bottom:1rem}.support-section p{color:#6b7280;margin-bottom:2rem;font-size:1.1rem}.support-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.support-option{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 10px #0000000d;display:flex;align-items:center;gap:1rem;text-align:left}.support-option svg{color:#3b82f6;flex-shrink:0}.support-option h4{margin:0 0 .25rem;color:#374151;font-size:1rem}.support-option p{margin:0;color:#6b7280;font-size:.9rem}.bottom-actions{display:flex;gap:1rem;justify-content:center;max-width:800px;margin:3rem auto;padding:0 2rem}.retry-button,.home-button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.retry-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.retry-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef44444d}.home-button{background:#fff;color:#374151;border:2px solid #e2e8f0}.home-button:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}@media (max-width: 768px){.failed-header{padding:1rem}.failed-header h1{font-size:2rem}.action-grid,.reasons-grid,.methods-suggestion,.support-options{grid-template-columns:1fr}.bottom-actions{flex-direction:column;align-items:stretch}.bottom-actions button{width:100%}}.aggre-tracking-main{margin-top:40px;min-height:100vh;background:linear-gradient(135deg,#fff5f1,#fff,#fef8f6);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:24px 0;position:relative}.aggre-tracking-main:before{content:"";position:absolute;top:100;left:0;right:0;height:150px;background:linear-gradient(135deg,#fc8019,#ff6b35);opacity:.08;z-index:0}.aggre-tracking-wrapper{max-width:900px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.aggre-tracking-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.aggre-tracking-loading-state h3{margin:20px 0 10px;color:#2d3436;font-size:20px;font-weight:600}.aggre-tracking-loading-state p{color:#636e72;margin:0}.aggre-tracking-error-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 20px}.aggre-error-icon-display{font-size:80px;margin-bottom:20px}.aggre-tracking-error-state h2{color:#2d3436;font-size:28px;font-weight:700;margin:0 0 12px}.aggre-tracking-error-state p{color:#636e72;font-size:16px;margin:0 0 30px;line-height:1.5}.aggre-error-button-group{display:flex;gap:16px}.aggre-tracking-header-section{display:flex;align-items:center;gap:20px;margin-bottom:32px;padding:24px 0}.aggre-back-navigation{display:flex;align-items:center;padding:12px 16px;background:#fff;border:2px solid #fc8019;border-radius:12px;color:#fc8019;text-decoration:none;font-weight:600;font-size:14px;transition:all .3s ease;box-shadow:0 2px 8px #fc80191a;cursor:pointer}.aggre-back-navigation:hover{background:#fc8019;color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #fc801933}.aggre-header-info-group{flex:1}.aggre-header-info-group h1{font-size:28px;font-weight:700;color:#2d3436;margin:0 0 8px;background:linear-gradient(135deg,#fc8019,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.aggre-order-reference{font-size:14px;color:#636e72;margin:0;font-weight:500}.aggre-status-highlight-card{background:linear-gradient(135deg,#fc8019,#ff6b35);border-radius:20px;padding:28px;margin-bottom:32px;color:#fff;position:relative;overflow:hidden;box-shadow:0 8px 24px #fc801940;display:flex;align-items:center;gap:24px}.aggre-status-highlight-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100px;height:100px;background:#ffffff1a;border-radius:50%;transform:scale(2)}.aggre-status-icon-container{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;flex-shrink:0}.aggre-status-emoji{font-size:36px}.aggre-status-text-content{flex:1;position:relative;z-index:1}.aggre-current-status-title{font-size:28px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.aggre-status-description{font-size:16px;margin:0 0 8px;opacity:.9;line-height:1.4}.aggre-time-estimate{font-size:14px;margin:0;opacity:.8;font-weight:500}.aggre-items-showcase-section{background:#fff;border-radius:20px;padding:32px;margin-bottom:32px;box-shadow:0 4px 16px #fc801914;border:1px solid rgba(252,128,25,.1)}.aggre-content-section-title{font-size:20px;font-weight:700;color:#2d3436;margin:0 0 24px;display:flex;align-items:center;gap:8px}.aggre-items-display-list{display:flex;flex-direction:column;gap:16px}.aggre-single-item-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fef8f6;border-radius:16px;border-left:4px solid #fc8019;transition:all .3s ease}.aggre-single-item-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #fc80191a}.aggre-item-thumbnail-container{width:60px;height:60px;border-radius:12px;overflow:hidden;background:#f8f9fa;flex-shrink:0}.aggre-product-thumbnail{width:100%;height:100%;object-fit:cover}.aggre-item-details-section{flex:1}.aggre-item-product-name{font-size:16px;font-weight:600;color:#2d3436;margin:0 0 6px;line-height:1.3}.aggre-item-specifications{font-size:14px;color:#636e72;margin:0;font-weight:500}.aggre-item-price-display{font-size:16px;font-weight:700;color:#fc8019;text-align:right}.aggre-additional-items-indicator{text-align:center;padding:16px;color:#636e72;font-size:14px;font-weight:500;background:#f8f9fa;border-radius:12px;border:2px dashed #e9ecef}.aggre-progress-timeline-section{background:#fff;border-radius:20px;padding:32px;margin-bottom:32px;box-shadow:0 4px 16px #fc801914;border:1px solid rgba(252,128,25,.1)}.aggre-timeline-flow{display:flex;flex-direction:column;gap:24px}.aggre-timeline-step{display:flex;align-items:flex-start;gap:20px;position:relative}.aggre-step-marker-container{display:flex;flex-direction:column;align-items:center;position:relative}.aggre-step-icon-circle{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;background:#f8f9fa;color:#b0bec5;border:3px solid #e9ecef;transition:all .3s ease;position:relative;z-index:2}.aggre-timeline-step.aggre-step-completed .aggre-step-icon-circle{background:linear-gradient(135deg,#fc8019,#ff6b35);color:#fff;border-color:#fc8019;box-shadow:0 4px 12px #fc80194d}.aggre-timeline-step.aggre-step-active .aggre-step-icon-circle{background:linear-gradient(135deg,#fc8019,#ff6b35);color:#fff;border-color:#fc8019;box-shadow:0 6px 20px #fc801966;animation:aggre-active-pulse 2s infinite}@keyframes aggre-active-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.aggre-connector-line{width:3px;height:40px;background:#e9ecef;margin-top:8px;transition:all .3s ease}.aggre-connector-line.aggre-line-completed{background:linear-gradient(to bottom,#fc8019,#fef4e6)}.aggre-step-content-block{flex:1;padding-top:8px}.aggre-step-heading{font-size:16px;font-weight:600;color:#2d3436;margin:0 0 6px}.aggre-timeline-step.aggre-step-active .aggre-step-heading{color:#fc8019}.aggre-step-description{font-size:14px;color:#636e72;margin:0 0 8px;line-height:1.4}.aggre-active-indicator{display:flex;align-items:center;gap:8px;font-size:12px;color:#fc8019;font-weight:600;margin-top:8px}.aggre-pulse-animation{width:6px;height:6px;background:#fc8019;border-radius:50%;animation:aggre-pulse 2s infinite}@keyframes aggre-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.aggre-order-summary-section{background:#fff;border-radius:20px;padding:32px;margin-bottom:32px;box-shadow:0 4px 16px #fc801914;border:1px solid rgba(252,128,25,.1)}.aggre-summary-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.aggre-info-summary-card{background:#fef8f6;padding:20px;border-radius:16px;border-left:4px solid #fc8019;text-align:center}.aggre-summary-card-label{font-size:12px;color:#636e72;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.aggre-summary-card-value{font-size:16px;font-weight:700;color:#2d3436;display:flex;flex-direction:column;align-items:center;gap:6px}.aggre-payment-method-tag{background:#fc8019;color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600}.aggre-payment-status-tag{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600}.aggre-payment-status-tag.paid{background:#e8f5e8;color:#388e3c}.aggre-payment-status-tag.pending{background:#fff3e0;color:#ff6d00}.aggre-delivery-address-card,.aggre-supplier-info-card,.aggre-bill-breakdown-section{background:#f8f9fa;padding:24px;border-radius:16px;margin-bottom:20px;border:1px solid #e9ecef}.aggre-info-card-title{font-size:16px;font-weight:600;color:#2d3436;margin:0 0 12px;display:flex;align-items:center;gap:8px}.aggre-address-content,.aggre-supplier-name-display{font-size:14px;color:#2d3436;line-height:1.5;margin:0}.aggre-supplier-contact-info{font-size:13px;color:#636e72;margin:8px 0 0}.aggre-bill-calculation-rows{display:flex;flex-direction:column;gap:12px}.aggre-bill-calculation-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#2d3436}.aggre-bill-calculation-row span:first-child{color:#636e72}.aggre-bill-calculation-row span:last-child{font-weight:600}.aggre-bill-final-total{padding-top:12px;border-top:2px solid #fc8019;font-size:16px;font-weight:700}.aggre-bill-final-total span:last-child{color:#fc8019;font-size:18px}.aggre-actions-button-container{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:32px;justify-content:center}.aggre-action-btn{padding:14px 20px;border-radius:12px;font-size:14px;font-weight:600;text-align:center;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:8px;min-width:140px}.aggre-primary-btn{background:linear-gradient(135deg,#fc8019,#ff6b35);color:#fff;box-shadow:0 3px 10px #fc801933}.aggre-primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #fc80194d}.aggre-secondary-btn{background:#fff;color:#fc8019;border:2px solid #fc8019}.aggre-secondary-btn:hover{background:#fc8019;color:#fff;transform:translateY(-1px)}.aggre-danger-btn{background:#fff;color:#e74c3c;border:2px solid #e74c3c}.aggre-danger-btn:hover{background:#e74c3c;color:#fff;transform:translateY(-1px)}.aggre-outline-btn{background:#fef4e6;color:#fc8019;border:1px solid rgba(252,128,25,.3)}.aggre-outline-btn:hover{background:#fc80191a;transform:translateY(-1px)}.aggre-live-updates-notification{background:linear-gradient(135deg,#e8f5e8,#f0f8ff);border:1px solid #74b9ff;border-radius:16px;padding:20px;text-align:center;margin-bottom:32px}.aggre-live-status-indicator{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;color:#74b9ff;margin-bottom:8px}.aggre-live-pulse-dot{width:8px;height:8px;background:#74b9ff;border-radius:50%;animation:aggre-pulse 2s infinite}.aggre-live-updates-notification p{font-size:13px;color:#636e72;margin:0}@media (max-width: 768px){.aggre-tracking-wrapper{padding:0 16px}.aggre-tracking-header-section{flex-direction:column;align-items:flex-start;gap:16px}.aggre-status-highlight-card{flex-direction:column;text-align:center;padding:24px 20px}.aggre-status-icon-container{margin-bottom:16px}.aggre-summary-cards-grid{grid-template-columns:repeat(2,1fr)}.aggre-actions-button-container{flex-direction:column}.aggre-action-btn{width:100%}.aggre-items-showcase-section,.aggre-progress-timeline-section,.aggre-order-summary-section{padding:24px 20px}}@media (max-width: 480px){.aggre-tracking-wrapper{padding:0 12px}.aggre-tracking-main{padding:16px 0}.aggre-summary-cards-grid{grid-template-columns:1fr}.aggre-single-item-card{flex-direction:column;text-align:center;gap:12px}.aggre-item-thumbnail-container{align-self:center}.aggre-timeline-step{gap:12px}.aggre-step-icon-circle{width:40px;height:40px;font-size:16px}.aggre-connector-line{height:30px}}.aggre-back-navigation:focus,.aggre-action-btn:focus{outline:3px solid rgba(252,128,25,.3);outline-offset:2px}@media (prefers-reduced-motion: reduce){.aggre-pulse-animation,.aggre-live-pulse-dot,.aggre-step-icon-circle{animation:none}.aggre-action-btn:hover,.aggre-back-navigation:hover,.aggre-single-item-card:hover{transform:none}}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--secondary-50: #f0fdf4;--secondary-100: #dcfce7;--secondary-200: #bbf7d0;--secondary-300: #86efac;--secondary-400: #4ade80;--secondary-500: #22c55e;--secondary-600: #16a34a;--secondary-700: #15803d;--secondary-800: #166534;--secondary-900: #14532d;--orange-50: #fff7ed;--orange-100: #ffedd5;--orange-200: #fed7aa;--orange-300: #fdba74;--orange-400: #fb923c;--orange-500: #f97316;--orange-600: #ea580c;--orange-700: #c2410c;--orange-800: #9a3412;--orange-900: #7c2d12;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--red-50: #fef2f2;--red-100: #fee2e2;--red-200: #fecaca;--red-300: #fca5a5;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--red-800: #991b1b;--red-900: #7f1d1d;--yellow-50: #fffbeb;--yellow-100: #fef3c7;--yellow-200: #fde68a;--yellow-300: #fcd34d;--yellow-400: #fbbf24;--yellow-500: #f59e0b;--yellow-600: #d97706;--yellow-700: #b45309;--yellow-800: #92400e;--yellow-900: #78350f;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.875rem;--font-4xl: 2.25rem;--font-5xl: 3rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 9999}