@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);.header{border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:var(--z-sticky)}.header,.header__main{background:var(--color-background)}.header__main{padding:var(--space-3) 0}.header__main-inner{align-items:center;display:flex;gap:var(--space-3);margin:0 auto;max-width:1400px;padding:0 var(--space-6)}.header__logo{align-items:center;display:flex;flex-shrink:0;text-decoration:none}.header__logo-text{color:var(--color-primary);font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--fw-extrabold);letter-spacing:-.02em;line-height:1}.header__logo:hover .header__logo-text{color:var(--color-primary-hover)}.header__delivery-badge{align-items:center;background:var(--color-success-subtle);border:1px solid var(--color-success-subtle);border-radius:var(--radius-md);color:var(--color-success-text);display:flex;flex-shrink:0;gap:var(--space-2);padding:var(--space-2) var(--space-3);white-space:nowrap}.header__delivery-label{display:flex;flex-direction:column;line-height:1.2;text-align:left}.header__delivery-sub{color:var(--color-success-text);font-size:10px;font-weight:var(--fw-medium);letter-spacing:.04em;opacity:.8;text-transform:uppercase}.header__delivery-city{color:var(--color-success-text);font-size:var(--text-xs);font-weight:var(--fw-bold)}.header__search-wrap{align-items:center;display:flex;flex:1 1;min-width:0;position:relative}.header__search-input{-webkit-appearance:none;appearance:none;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-sm);height:44px;outline:none;padding:0 var(--space-4);padding-right:52px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);width:100%}.header__search-input::placeholder{color:var(--color-text-muted)}.header__search-input:focus{background:var(--color-background);border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.header__search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.header__search-btn{align-items:center;background:var(--color-primary);border:none;border-radius:0 var(--radius-lg) var(--radius-lg) 0;color:var(--color-text-inverse);cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:0;top:0;transition:background var(--transition-fast);width:48px}.header__search-btn:hover{background:var(--color-primary-hover)}.header__search-wrap--mobile .header__search-input{border-radius:var(--radius-lg)}.header__search-wrap--mobile .header__search-btn{border-radius:0 var(--radius-lg) var(--radius-lg) 0}.header__actions{flex-shrink:0}.header__actions,.header__auth-links{align-items:center;display:flex;gap:var(--space-2)}.header__auth-link{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--fw-medium);padding:var(--space-2) var(--space-4);text-decoration:none;transition:border-color var(--transition-fast),color var(--transition-fast)}.header__auth-link:hover{border-color:var(--color-primary);color:var(--color-primary)}.header__auth-btn{background:var(--color-primary);border-radius:var(--radius-md);color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:var(--fw-semibold);padding:var(--space-2) var(--space-4);text-decoration:none;transition:background var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.header__auth-btn:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-primary);color:var(--color-text-inverse);transform:translateY(-1px)}.header__user-menu{position:relative}.header__user-trigger{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--fw-medium);gap:var(--space-2);max-width:180px;padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast),background var(--transition-fast)}.header__user-trigger:hover{background:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}.header__user-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header__user-dropdown{animation:scaleIn .15s ease-out both;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--space-2));transform-origin:top right;z-index:var(--z-dropdown)}.header__user-dropdown-header{display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-4)}.header__user-dropdown-greeting{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--fw-semibold)}.header__user-dropdown-role{color:var(--color-text-muted);font-size:var(--text-xs);text-transform:capitalize}.header__user-dropdown-divider{background:var(--color-border);height:1px;margin:0}.header__user-dropdown-item{background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:block;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-medium);padding:var(--space-3) var(--space-4);text-align:left;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast);width:100%}.header__user-dropdown-item:hover{background:var(--color-surface-hover);color:var(--color-primary)}.header__user-dropdown-item--danger{color:var(--color-destructive)}.header__user-dropdown-item--danger:hover{background:var(--color-destructive-subtle);color:var(--color-destructive)}.header__cart{align-items:center;border-radius:var(--radius-md);color:var(--color-text-primary);display:flex;flex-shrink:0;height:44px;justify-content:center;position:relative;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast);width:44px}.header__cart:hover{background:var(--color-surface-hover);color:var(--color-primary)}.header__cart-badge{background:var(--color-primary);border:2px solid var(--color-background);border-radius:var(--radius-full);color:var(--color-text-inverse);font-size:10px;font-weight:var(--fw-bold);height:18px;line-height:18px;min-width:18px;padding:0 4px;position:absolute;right:2px;text-align:center;top:2px;transition:transform var(--transition-fast)}.header__cart:hover .header__cart-badge{transform:scale(1.1)}.header__theme-toggle{align-items:center;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;line-height:1;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);width:36px}.header__theme-toggle:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong);transform:rotate(15deg)}.header__mobile-toggle{align-items:center;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:none;flex-shrink:0;height:44px;justify-content:center;transition:background var(--transition-fast),border-color var(--transition-fast);width:44px}.header__mobile-toggle:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.header__nav{background:var(--color-surface);border-top:1px solid var(--color-border)}.header__nav-inner{align-items:center;display:flex;gap:0;margin:0 auto;max-width:1400px;overflow-x:auto;padding:0 var(--space-6);scrollbar-width:none}.header__nav-inner::-webkit-scrollbar{display:none}.header__nav-item{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-medium);gap:var(--space-1);padding:var(--space-3) var(--space-4);text-decoration:none;transition:color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.header__nav-item:hover{border-bottom-color:var(--color-primary);color:var(--color-primary)}.header__nav-item--categories{color:var(--color-text-primary);font-weight:var(--fw-semibold)}.header__mobile-backdrop{animation:fadeIn .2s ease-out;background:#0006;inset:0;position:fixed;z-index:calc(var(--z-overlay) - 1)}.header__mobile-overlay{animation:slideInLeft .25s ease-out;background:var(--color-background);bottom:0;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:var(--space-6);left:0;max-width:320px;overflow-y:auto;padding:var(--space-6) var(--space-4);position:fixed;right:0;top:0;z-index:var(--z-overlay)}.header__mobile-search{width:100%}.header__mobile-nav{display:flex;flex-direction:column}.header__mobile-nav-item{align-items:center;border-bottom:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);display:flex;font-size:var(--text-base);font-weight:var(--fw-medium);justify-content:space-between;padding:var(--space-4) var(--space-3);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.header__mobile-nav-item:hover{background:var(--color-surface-hover);color:var(--color-primary)}.header__mobile-nav-item--cart{color:var(--color-primary);font-weight:var(--fw-semibold)}.header__mobile-cart-count{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-text-inverse);display:inline-flex;font-size:var(--text-xs);font-weight:var(--fw-bold);height:22px;justify-content:center;min-width:22px;padding:0 var(--space-1)}.header__mobile-auth{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3);margin-top:auto;padding-top:var(--space-6)}.header__mobile-welcome{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--fw-medium)}.header__mobile-logout{background:none;border:1px solid var(--color-destructive);border-radius:var(--radius-md);color:var(--color-destructive);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-semibold);padding:var(--space-3) var(--space-4);text-align:center;transition:background var(--transition-fast)}.header__mobile-logout:hover{background:var(--color-destructive-subtle)}.header__mobile-login-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);display:block;font-size:var(--text-sm);font-weight:var(--fw-semibold);padding:var(--space-3) var(--space-4);text-align:center;text-decoration:none;transition:border-color var(--transition-fast),color var(--transition-fast)}.header__mobile-login-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.header__mobile-register-btn{background:var(--color-primary);border-radius:var(--radius-md);color:var(--color-text-inverse);display:block;font-size:var(--text-sm);font-weight:var(--fw-semibold);padding:var(--space-3) var(--space-4);text-align:center;text-decoration:none;transition:background var(--transition-fast)}.header__mobile-register-btn:hover{background:var(--color-primary-hover);color:var(--color-text-inverse)}@media (max-width:1024px){.header__delivery-badge,.header__user-name{display:none}.header__user-trigger{border-radius:var(--radius-md);padding:var(--space-2)}}@media (max-width:768px){.header__nav{display:none}.header__mobile-toggle{display:flex}.header__auth-links,.header__user-menu{display:none}.header__main-inner{gap:var(--space-2);padding:0 var(--space-4)}.header__search-wrap{display:none}}@media (max-width:480px){.header__main{padding:var(--space-2) 0}.header__main-inner{padding:0 var(--space-3)}.header__logo-text{font-size:var(--text-lg)}}.toast-container{bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);max-width:360px;pointer-events:none;position:fixed;right:var(--space-6);width:calc(100vw - var(--space-8));z-index:var(--z-toast)}.toast{align-items:flex-start;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;gap:var(--space-3);opacity:0;padding:var(--space-3) var(--space-4);pointer-events:all;transform:translateX(12px);transition:opacity var(--transition-normal),transform var(--transition-normal)}.toast--visible{opacity:1;transform:translateX(0)}.toast--success{border-left:3px solid var(--color-success)}.toast--success .toast__icon{color:var(--color-success)}.toast--error{border-left:3px solid var(--color-destructive)}.toast--error .toast__icon{color:var(--color-destructive)}.toast--warning{border-left:3px solid var(--color-warning)}.toast--warning .toast__icon{color:var(--color-warning)}.toast--info{border-left:3px solid var(--color-info)}.toast--info .toast__icon{color:var(--color-info)}.toast__icon{align-items:center;display:flex;flex-shrink:0;margin-top:1px}.toast__message{color:var(--color-text-primary);flex:1 1;font-size:var(--text-sm);font-weight:var(--fw-medium);line-height:var(--leading-normal)}.toast__close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:1px;padding:0;transition:color var(--transition-fast),background var(--transition-fast);width:20px}.toast__close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}@media (max-width:480px){.toast-container{bottom:var(--space-4);left:var(--space-3);max-width:none;right:var(--space-3);width:auto}.toast{transform:translateY(8px)}.toast--visible{transform:translateY(0)}}.brand-card{align-items:center;background:linear-gradient(145deg,#1e2a47e6,#16213ef2);border:1px solid #ffffff26;border-radius:16px;box-shadow:0 4px 15px #0003;display:flex;height:140px;justify-content:center;min-width:260px;overflow:hidden;padding:.75rem;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.25,.8,.25,1)}.brand-card:hover{background:linear-gradient(145deg,#28375af2,#1a284b);border-color:#f29213;border-color:var(--color-primary,#f29213);box-shadow:0 15px 30px #0006,0 0 20px #f2921333;transform:translateY(-8px) scale(1.02)}.brand-card:after{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transform:skewX(-20deg);transition:left .5s;width:50%;z-index:2}.brand-card:hover:after{left:150%;transition:left .7s ease-in-out}.brand-card-logo{background-color:var(--color-surface-elevated);border-radius:10px;box-shadow:inset 0 0 10px #0000000d,0 4px 10px #0003;height:100%;object-fit:contain;padding:1rem;transition:transform .4s ease,box-shadow .4s ease;width:100%;z-index:1}.brand-card:hover .brand-card-logo{box-shadow:inset 0 0 10px #0000000d,0 8px 20px #0006;transform:scale(1.05)}.brand-card-title{color:#fff;color:var(--color-text-primary,#fff);font-family:Bebas Neue,sans-serif;font-size:2rem;letter-spacing:2px;margin:0;text-align:center;text-shadow:0 2px 4px #00000080;z-index:1}.brand-ticker-container{background:#f9fafb;background:var(--color-surface,#f9fafb);border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);overflow:hidden;padding:40px 0;padding:var(--space-10,40px) 0;position:relative;z-index:1}.brand-ticker-heading{color:#4b5563;color:var(--color-text-secondary,#4b5563);font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:1.25rem;font-size:var(--text-xl,1.25rem);font-weight:600;font-weight:var(--fw-semibold,600);letter-spacing:0;margin-bottom:24px;margin-bottom:var(--space-6,24px);text-align:center;text-shadow:none;text-transform:none}.brand-ticker-wrapper{mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);-webkit-mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);overflow:hidden;padding:1rem 0;position:relative;width:100%}.brand-ticker-track{animation:scroll-ticker 45s linear infinite;display:flex;gap:2.5rem;padding-left:2.5rem;width:-webkit-max-content;width:max-content}.brand-ticker-track:hover{animation-play-state:paused}@keyframes scroll-ticker{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.brand-grid,.category-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}@media (max-width:480px){.brand-grid,.category-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width:768px){.brand-ticker-heading{font-size:1.8rem;margin-bottom:1.5rem}.brand-ticker-track{animation-duration:30s;gap:1.5rem}.brand-card{height:100px;min-width:180px}}.lp-page{background:var(--color-background);min-height:100vh;overflow-x:hidden}.lp-skeleton{animation:lp-shimmer 1.5s infinite;background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-hover) 50%,var(--color-surface) 75%);background-size:200% 100%;border-radius:var(--radius-md);display:block}@keyframes lp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.lp-cat-section{background:var(--color-background);border-bottom:1px solid var(--color-border);padding:var(--space-10) 0 var(--space-12)}.lp-cat-section__inner{margin:0 auto;max-width:1400px;padding:0 var(--space-6)}.lp-cat-section__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.lp-cat-section__title{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--fw-bold);margin:0}.lp-cat-section__view-all{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--text-sm);font-weight:var(--fw-semibold);margin-bottom:3px;padding:0;transition:color var(--transition-fast);white-space:nowrap}.lp-cat-section__view-all:hover{color:var(--color-primary)}.lp-cat-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.lp-cat-tile{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);border-top:2px solid var(--cat-accent,var(--color-border));cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-sans);gap:var(--space-2);padding:var(--space-5) var(--space-2) var(--space-4);position:relative;text-align:center;transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}.lp-cat-tile:hover{background:var(--color-surface-hover);border-color:var(--cat-accent,var(--color-border));border-top-width:2px;box-shadow:0 0 0 1px var(--color-border),0 8px 24px -4px #0000001f;box-shadow:0 0 0 1px var(--cat-accent,var(--color-border)),0 8px 24px -4px #0000001f;transform:translateY(-5px)}.lp-cat-tile:active{transform:translateY(-2px)}.lp-cat-tile:focus-visible{outline:2px solid var(--color-primary);outline:2px solid var(--cat-accent,var(--color-primary));outline-offset:3px}.lp-cat-tile--skeleton{align-items:center;pointer-events:none}.lp-cat-tile__icon-wrap{align-items:center;display:flex;flex-shrink:0;height:52px;justify-content:center;transition:transform .25s ease;width:52px}.lp-cat-tile:hover .lp-cat-tile__icon-wrap{transform:scale(1.15)}.lp-cat-tile__icon{display:block;font-size:2rem;line-height:1}.lp-cat-tile__name{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--fw-semibold);-webkit-hyphens:auto;hyphens:auto;line-height:var(--leading-snug);transition:color .2s ease;word-break:break-word}.lp-cat-tile:hover .lp-cat-tile__name{color:var(--color-text-primary);color:var(--cat-accent,var(--color-text-primary))}.lp-cat-grid-wrap{margin-top:-8px;max-height:1200px;overflow:hidden;padding-top:8px;position:relative;transition:max-height .45s cubic-bezier(.4,0,.2,1)}.lp-cat-grid-wrap--collapsed{max-height:156px}.lp-cat-fade{background:linear-gradient(180deg,#0000,#fff);background:linear-gradient(to bottom,#0000,var(--color-bg,#fff));bottom:0;height:56px;left:0;pointer-events:none;position:absolute;right:0}.lp-cat-expand-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:block;font-size:var(--text-sm);font-weight:var(--fw-medium);margin-top:var(--space-3);padding:9px var(--space-4);transition:background .2s ease,color .2s ease,border-color .2s ease;width:100%}.lp-cat-expand-btn:hover{background:var(--color-surface-hover);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.lp-shelf{background:var(--color-background);padding:var(--space-8) 0}.lp-shelf+.lp-shelf{background:var(--color-surface)}.lp-shelf__header{align-items:center;display:flex;justify-content:space-between;margin:0 auto var(--space-4);max-width:1400px;padding:0 var(--space-6)}.lp-shelf__title-group{align-items:center;display:flex;gap:var(--space-3)}.lp-shelf__title{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--fw-bold);margin:0}.lp-shelf__badge{background:var(--color-primary-subtle);border:1px solid var(--color-primary-border);border-radius:var(--radius-full);font-size:11px;padding:2px var(--space-3)}.lp-shelf__badge,.lp-shelf__view-all{color:var(--color-primary);font-weight:var(--fw-semibold)}.lp-shelf__view-all{background:none;border:none;cursor:pointer;font-size:var(--text-sm);padding:0;transition:color var(--transition-fast)}.lp-shelf__view-all:hover{color:var(--color-primary-hover)}.lp-shelf__scroll-wrap{margin:0 auto;max-width:1400px;padding:0 var(--space-6);position:relative}.lp-shelf__track{-webkit-overflow-scrolling:touch;display:flex;gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-3);scroll-snap-type:x mandatory;scrollbar-width:none}.lp-shelf__track::-webkit-scrollbar{display:none}.lp-shelf__arrow{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:var(--color-text-primary);cursor:pointer;display:none;height:40px;justify-content:center;position:absolute;top:calc(50% - 20px);transition:background var(--transition-fast),border-color var(--transition-fast);width:40px;z-index:var(--z-raised)}.lp-shelf__arrow:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.lp-shelf__scroll-wrap:hover .lp-shelf__arrow{display:flex}.lp-shelf__arrow--prev{left:0}.lp-shelf__arrow--next{right:0}.lp-shelf-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;scroll-snap-align:start;transition:box-shadow var(--transition-normal),transform var(--transition-normal);width:220px}.lp-shelf-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.lp-shelf-card--skeleton{pointer-events:none}.lp-shelf-card__img-wrap{background:var(--color-surface);cursor:pointer;height:180px;overflow:hidden;position:relative}.lp-shelf-card__img-wrap img{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.lp-shelf-card:hover .lp-shelf-card__img-wrap img{transform:scale(1.05)}.lp-shelf-card__img-placeholder{align-items:center;background:var(--color-surface);display:flex;font-size:2.5rem;height:100%;justify-content:center;width:100%}.lp-shelf-card__discount-badge{background:var(--color-discount-bg);border-radius:var(--radius-sm);color:var(--color-discount-text);font-size:11px;font-weight:var(--fw-bold);left:var(--space-2);padding:2px var(--space-2);position:absolute;top:var(--space-2)}.lp-shelf-card__body{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.lp-shelf-card__category{color:var(--color-primary);font-size:11px;font-weight:var(--fw-semibold);letter-spacing:.05em;text-transform:uppercase}.lp-shelf-card__name{color:var(--color-text-primary);flex:1 1;font-size:var(--text-sm);font-weight:var(--fw-semibold);line-height:var(--leading-snug);margin:0}.lp-shelf-card__price-row{align-items:center;display:flex;gap:var(--space-2)}.lp-shelf-card__price{color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--fw-bold)}.lp-shelf-card__mrp{color:var(--color-text-muted);font-size:var(--text-xs);text-decoration:line-through}.lp-shelf-card__gst-tag{color:var(--color-text-muted);font-size:10px;font-weight:var(--fw-normal);margin-left:auto}.lp-shelf-card__add-btn{background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--fw-semibold);margin-top:var(--space-1);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast);width:100%}.lp-shelf-card__add-btn:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 4px 12px #f292134d;transform:translateY(-1px)}.lp-shelf-card__add-btn--added{background:#059669;background:var(--color-success,#059669);border-color:#059669;border-color:var(--color-success,#059669);box-shadow:none;cursor:default;transform:none}.lp-shelf-card__cta{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--fw-semibold);margin-top:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast);width:100%}.lp-shelf-card__cta:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.lp-promo{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-hover) 100%);padding:var(--space-12) 0}.lp-promo__inner{grid-gap:var(--space-10);align-items:center;display:grid;gap:var(--space-10);grid-template-columns:1fr auto;margin:0 auto;max-width:1400px;padding:0 var(--space-6)}.lp-promo__eyebrow{color:#ffffffbf;display:block;font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:.08em;margin-bottom:var(--space-2);text-transform:uppercase}.lp-promo__title{color:var(--color-text-inverse);font-size:clamp(var(--text-xl),2.5vw,var(--text-3xl));font-weight:var(--fw-extrabold);line-height:1.2;margin-bottom:var(--space-3)}.lp-promo__sub{color:#ffffffd9;font-size:var(--text-base);line-height:var(--leading-relaxed);margin-bottom:var(--space-6);max-width:520px}.lp-promo__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}[data-theme=dark] .lp-qv-card,[data-theme=dark] .lp-shelf-card{background:var(--color-surface-elevated)!important}.lp-promo__btn{align-items:center;border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-semibold);padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}.lp-promo__btn--primary{background:var(--color-background);border-color:var(--color-background);color:var(--color-primary)}.lp-promo__btn--primary:hover{background:var(--color-primary-subtle);box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.lp-promo__btn--ghost{background:#ffffff26;border-color:#fff6;color:var(--color-text-inverse)}.lp-promo__btn--ghost:hover{background:#ffffff40;border-color:#ffffffb3}.lp-promo__stats{display:flex;flex-shrink:0;gap:var(--space-8)}.lp-promo__stat{align-items:center;display:flex;flex-direction:column;gap:var(--space-1)}.lp-promo__stat-num{color:var(--color-text-inverse);font-size:var(--text-3xl);font-weight:var(--fw-extrabold);line-height:1}.lp-promo__stat-lbl{color:#ffffffbf;font-size:var(--text-xs);font-weight:var(--fw-medium);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.lp-hiw{background:#0f1117;padding:var(--space-16) 0}.lp-hiw__inner{margin:0 auto;max-width:1400px;padding:0 var(--space-6)}.lp-hiw__header{margin-bottom:var(--space-12);text-align:center}.lp-hiw__title{color:#fff;font-size:var(--text-3xl);font-weight:var(--fw-bold);margin:0 0 var(--space-3)}.lp-hiw__sub{color:#ffffff80;font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}.lp-hiw__steps{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(3,1fr)}.lp-hiw__step{display:flex;flex-direction:column;gap:var(--space-3)}.lp-hiw__step-num{font-feature-settings:"tnum";color:var(--color-primary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);letter-spacing:.04em}.lp-hiw__step-icon{display:block;font-size:2.25rem;line-height:1;margin-bottom:var(--space-1)}.lp-hiw__step-title{color:#fff;font-size:var(--text-xl);font-weight:var(--fw-bold);line-height:var(--leading-snug);margin:0}.lp-hiw__step-desc{color:#ffffff8c;font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0;max-width:340px}.lp-trust{background:var(--color-surface);border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);padding:var(--space-8) 0}.lp-trust__inner{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1400px;padding:0 var(--space-6)}.lp-trust__item{align-items:flex-start;border-radius:var(--radius-lg);display:flex;gap:var(--space-4);padding:var(--space-4);transition:background var(--transition-fast)}.lp-trust__item:hover{background:var(--color-surface-hover)}.lp-trust__icon{align-items:center;background:var(--color-primary-subtle);border-radius:var(--radius-lg);color:var(--color-primary);display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.lp-trust__text{display:flex;flex-direction:column;gap:var(--space-1)}.lp-trust__title{color:var(--color-text-primary);display:block;font-size:var(--text-sm);font-weight:var(--fw-semibold)}.lp-trust__sub{color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-snug)}.lp-qv-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:var(--z-modal)}.lp-qv-modal{animation:scaleIn .2s ease-out;background:var(--color-surface-elevated);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:640px;overflow-y:auto;position:relative;width:100%}.lp-qv-close{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:var(--space-4);top:var(--space-4);transition:background var(--transition-fast),color var(--transition-fast);width:36px;z-index:1}.lp-qv-close:hover{background:var(--color-destructive-subtle);border-color:var(--color-destructive);color:var(--color-destructive)}.lp-qv-body{display:grid;grid-template-columns:1fr 1fr}.lp-qv-img-wrap{background:var(--color-surface);border-radius:var(--radius-2xl) 0 0 var(--radius-2xl);height:320px;overflow:hidden}.lp-qv-img-wrap img{height:100%;object-fit:cover;width:100%}.lp-qv-img-placeholder{align-items:center;background:var(--color-surface);display:flex;font-size:4rem;height:100%;justify-content:center;width:100%}.lp-qv-info{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6)}.lp-qv-category{color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase}.lp-qv-name{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:var(--fw-bold);line-height:var(--leading-snug);margin:0}.lp-qv-price-row{align-items:baseline;display:flex;gap:var(--space-3)}.lp-qv-price{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:var(--fw-extrabold)}.lp-qv-mrp{color:var(--color-text-muted);font-size:var(--text-base);text-decoration:line-through}.lp-qv-discount{background:var(--color-discount-bg);border-radius:var(--radius-sm);color:var(--color-discount-text);font-size:var(--text-sm);font-weight:var(--fw-semibold);padding:2px var(--space-2)}.lp-qv-desc{color:var(--color-text-secondary);flex:1 1;font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.lp-qv-actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:auto}.lp-qv-btn{border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--fw-semibold);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}.lp-qv-btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.lp-qv-btn--primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-primary);transform:translateY(-1px)}.lp-qv-btn--ghost{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary)}.lp-qv-btn--ghost:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}@media (max-width:1024px){.lp-cat-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.lp-promo__stats{display:none}.lp-promo__inner{grid-template-columns:1fr}.lp-trust__inner{grid-template-columns:repeat(2,1fr)}.lp-hiw__steps{gap:var(--space-6)}}@media (max-width:768px){.lp-cat-section{padding:var(--space-8) 0 var(--space-10)}.lp-cat-section__inner,.lp-hiw__inner,.lp-promo__inner,.lp-shelf__header,.lp-shelf__scroll-wrap,.lp-trust__inner{padding-left:var(--space-4);padding-right:var(--space-4)}.lp-hiw__steps{gap:var(--space-8);grid-template-columns:1fr}.lp-hiw__step-desc{max-width:none}.lp-cat-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.lp-cat-tile{padding:var(--space-4) var(--space-1) var(--space-3)}.lp-cat-tile__icon-wrap{height:44px;width:44px}.lp-cat-tile__icon{font-size:1.6rem}.lp-shelf-card{width:180px}.lp-shelf-card__img-wrap{height:150px}.lp-trust__inner{gap:var(--space-3);grid-template-columns:1fr 1fr}.lp-qv-body{grid-template-columns:1fr}.lp-qv-img-wrap{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;height:240px}}@media (max-width:480px){.lp-cat-grid{gap:var(--space-2);grid-template-columns:repeat(4,1fr)}.lp-cat-tile{padding:var(--space-3) var(--space-1) var(--space-2)}.lp-cat-tile__icon-wrap{height:38px;width:38px}.lp-cat-tile__icon{font-size:1.4rem}.lp-trust__inner{grid-template-columns:1fr}.lp-promo__actions{flex-direction:column}.lp-promo__btn{justify-content:center}}.lp-cat-preview-section{border-top:1px solid var(--color-border);margin:0 auto;max-width:1440px;padding:2rem 2rem 4rem}.lp-cat-preview-section__title{color:var(--color-text-primary);font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:700;letter-spacing:-.02em;margin:0 0 2rem}.lp-cat-preview-row{margin-bottom:2.5rem}.lp-cat-preview-row__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.lp-cat-preview-row__name{color:var(--color-text-primary);font-size:1.05rem;font-weight:700;margin:0 0 .15rem}.lp-cat-preview-row__count{color:var(--color-text-muted);font-size:.78rem}.lp-cat-preview-row__browse{align-items:center;background:none;border:none;color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:.35rem;padding:0;transition:gap .15s;white-space:nowrap}.lp-cat-preview-row__browse:hover{gap:.55rem}.lp-cat-preview-row__grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.lp-cat-preview-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;padding:.75rem;transition:box-shadow .18s,transform .18s,border-color .18s}.lp-cat-preview-card:hover{border-color:var(--color-primary-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.lp-cat-preview-card__img-wrap{aspect-ratio:1;background:var(--color-background);border-radius:var(--radius-md);margin-bottom:.6rem;overflow:hidden}.lp-cat-preview-card__img{height:100%;object-fit:contain;width:100%}.lp-cat-preview-card__name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:.78rem;font-weight:500;margin:0 0 .25rem;overflow:hidden}.lp-cat-preview-card__price{color:var(--color-text-primary);font-size:.85rem;font-weight:700;margin:0}@media (max-width:768px){.lp-cat-preview-row__grid{grid-template-columns:repeat(2,1fr)}}.auth-container{background:var(--color-surface-elevated);display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-welcome-panel{align-items:center;background:#f29213;background:var(--color-primary,#f29213);display:flex;justify-content:center;overflow:hidden;padding:3rem;position:relative}.auth-welcome-panel:before{background:radial-gradient(circle at 20% 20%,#ffffff1f 0,#0000 50%),radial-gradient(circle at 80% 80%,#0000001f 0,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.auth-welcome-panel:after{background:#ffffff12;border-radius:50%;bottom:-80px;content:"";height:320px;pointer-events:none;position:absolute;right:-80px;width:320px}.welcome-content{animation:fadeInUp .6s ease-out;max-width:440px;position:relative;z-index:1}.welcome-content__brand{align-items:center;display:inline-flex;gap:.5rem;margin-bottom:2.5rem}.welcome-content__brand-name{color:#fff;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:1.4rem;font-weight:800;letter-spacing:-.02em}.welcome-content__brand-dot{background:#fff9;border-radius:50%;height:8px;width:8px}.welcome-content h1{color:#fff;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0 0 1rem}.welcome-content p{color:#ffffffd1;font-size:1.05rem;font-weight:400;line-height:1.7;margin-bottom:2.5rem}.welcome-content__trust{display:flex;flex-direction:column;gap:.85rem}.welcome-trust-item{align-items:center;color:#ffffffe6;display:flex;font-size:.9rem;font-weight:500;gap:.75rem}.welcome-trust-item__icon{background:#ffffff26;border-radius:8px;flex-shrink:0;font-size:1rem;height:32px;width:32px}.auth-form-panel,.welcome-trust-item__icon{align-items:center;display:flex;justify-content:center}.auth-form-panel{background:var(--color-surface-elevated);padding:3rem;position:relative}.auth-form-container{animation:fadeInUp .5s ease-out .1s both;max-width:420px;width:100%}.auth-form-container h2{color:#111827;color:var(--color-text-primary,#111827);font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:1.85rem;font-weight:700;letter-spacing:-.03em;margin:0 0 .35rem}.form-subtitle{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.9rem;font-weight:400;margin-bottom:2rem}.input-group{margin-bottom:1rem;position:relative}.auth-input{background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:9px;box-sizing:border-box;color:#111827;color:var(--color-text-primary,#111827);font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.9rem;outline:none;padding:.8rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.auth-input::placeholder{color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.auth-input:focus{border-color:#f29213;border-color:var(--color-primary,#f29213);box-shadow:0 0 0 3px #f292131a}.auth-input:hover:not(:focus){border-color:#d1d5db;border-color:var(--color-border-strong,#d1d5db)}.auth-forgot-row{margin-bottom:1rem;text-align:right}.auth-button-primary{background:#f29213;background:var(--color-primary,#f29213);border:none;border-radius:9px;box-shadow:0 4px 14px #f292134d;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.95rem;font-weight:700;letter-spacing:0;margin-top:.5rem;padding:.85rem;transition:background .2s,transform .15s,box-shadow .2s;width:100%}.auth-button-primary:hover:not(:disabled){background:#d97d0a;background:var(--color-primary-hover,#d97d0a);box-shadow:0 6px 20px #f2921361;transform:translateY(-1px)}.auth-button-primary:active:not(:disabled){transform:scale(.99)}.auth-button-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.auth-button-secondary{background:#0000;border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:9px;color:#4b5563;color:var(--color-text-secondary,#4b5563);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.9rem;font-weight:600;margin-top:.75rem;padding:.8rem;transition:border-color .2s,color .2s,background .2s;width:100%}.auth-button-secondary:hover{background:#fff2eb;background:var(--color-primary-subtle,#fff2eb);border-color:#ffbca0;border-color:var(--color-primary-border,#ffbca0);color:#f29213;color:var(--color-primary,#f29213)}.form-links{display:flex;flex-direction:column;gap:.5rem;margin-top:1.75rem;text-align:center}.form-links p{color:#4b5563;color:var(--color-text-secondary,#4b5563);font-size:.875rem;margin:0}.auth-link{color:#f29213;color:var(--color-primary,#f29213);font-weight:600;text-decoration:none;transition:color .15s}.auth-link:hover{color:#d97d0a;color:var(--color-primary-hover,#d97d0a);text-decoration:underline}.auth-switch-prompt{color:#4b5563;color:var(--color-text-secondary,#4b5563);font-size:.875rem;margin-top:1.75rem;text-align:center}.error-message,.success-message{border-radius:7px;font-weight:500;margin:.5rem 0 .75rem;padding:.7rem .9rem}.success-message{background:var(--color-success-subtle,#dcfce7);color:var(--color-success-text,#15803d);font-size:.82rem}.divider{align-items:center;color:#9ca3af;color:var(--color-text-muted,#9ca3af);display:flex;font-size:.8rem;margin:1.5rem 0}.divider:after,.divider:before{background:#e5e7eb;background:var(--color-border,#e5e7eb);content:"";flex:1 1;height:1px}.divider:before{margin-right:.75rem}.divider:after{margin-left:.75rem}.back-home-link{align-items:center;color:#9ca3af;color:var(--color-text-muted,#9ca3af);display:inline-flex;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.82rem;font-weight:500;gap:.3rem;margin-bottom:1.75rem;text-decoration:none;transition:color .15s}.back-home-link:hover{color:#4b5563;color:var(--color-text-secondary,#4b5563)}.checkbox-wrapper{align-items:center;display:flex;gap:.6rem;margin:.75rem 0}.custom-checkbox{-webkit-appearance:none;appearance:none;background:var(--color-surface-elevated);border:1.5px solid #d1d5db;border:1.5px solid var(--color-border-strong,#d1d5db);border-radius:4px;cursor:pointer;flex-shrink:0;height:18px;position:relative;transition:border-color .15s,background .15s;width:18px}.custom-checkbox:checked{background:#f29213;background:var(--color-primary,#f29213);border-color:#f29213;border-color:var(--color-primary,#f29213)}.custom-checkbox:checked:after{color:#fff;content:"✓";font-size:.7rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-label{color:#4b5563;color:var(--color-text-secondary,#4b5563);cursor:pointer;font-size:.85rem}@media (max-width:900px){.auth-container{grid-template-columns:1fr}.auth-welcome-panel{display:none}.auth-form-panel{padding:2rem}}@media (max-width:480px){.auth-form-panel{padding:1.5rem}.auth-form-container{max-width:100%}.auth-form-container h2{font-size:1.6rem}}.product-card{background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:box-shadow .22s,transform .22s,border-color .22s}.product-card:hover{border-color:#ffbca0;border-color:var(--color-primary-border,#ffbca0);box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.product-card:focus{outline:none}.product-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.product-card.is-pending{cursor:default;opacity:.8}.product-card.is-rejected{cursor:default;opacity:.75}.card-status-overlay{font-size:.7rem;font-weight:600;left:0;letter-spacing:.3px;padding:.35rem .5rem;position:absolute;right:0;text-align:center;top:0;z-index:10}.card-status-overlay.waiting{background:#fef3c7;background:var(--color-warning-subtle,#fef3c7);color:#92400e;color:var(--color-warning-text,#92400e)}.card-status-overlay.action-required{background:#fee2e2;background:var(--color-destructive-subtle,#fee2e2);color:#b91c1c;color:var(--color-destructive-text,#b91c1c)}.product-image{aspect-ratio:4/3;background:#f9fafb;background:var(--color-surface,#f9fafb);flex-shrink:0;overflow:hidden;position:relative;width:100%}.product-image img{height:100%;object-fit:contain;padding:.75rem;transition:transform .3s ease;width:100%}.product-card:hover .product-image img{transform:scale(1.04)}.card-discount-badge{background:#f29213;background:var(--color-primary,#f29213);border-radius:4px;color:#fff;font-size:.68rem;font-weight:700;left:8px;letter-spacing:.3px;padding:.2rem .5rem;position:absolute;top:8px;z-index:2}.product-info{display:flex;flex:1 1;flex-direction:column;gap:.3rem;padding:.85rem .9rem .9rem}.product-category{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.7rem;font-weight:600;letter-spacing:.8px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.product-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#111827;color:var(--color-text-primary,#111827);display:-webkit-box;font-size:.875rem;font-weight:600;line-height:1.4;margin:0;overflow:hidden}.product-footer{align-items:flex-end;display:flex;gap:.5rem;justify-content:space-between;margin-top:auto;padding-top:.6rem}.price-container{display:flex;flex-direction:column;gap:.1rem}.discounted-price-layout{align-items:baseline;display:flex;flex-wrap:wrap;gap:.35rem}.price-current{color:#111827;color:var(--color-text-primary,#111827);font-size:1rem;font-weight:700;line-height:1}.price-original{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.75rem;line-height:1;text-decoration:line-through}.product-price{color:#111827;color:var(--color-text-primary,#111827);font-size:1rem;font-weight:700}.price-gst-label{font-size:.65rem;letter-spacing:.2px}.product-actions{flex-shrink:0;gap:.4rem}.btn-add-cart,.btn-approve,.btn-fix-resubmit,.btn-reject,.btn-view-details{border:1.5px solid #0000;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:600;line-height:1;padding:.45rem .7rem;transition:background .18s,border-color .18s,color .18s,transform .12s;white-space:nowrap}.btn-add-cart:focus,.btn-approve:focus,.btn-fix-resubmit:focus,.btn-reject:focus,.btn-view-details:focus{outline:none}.btn-add-cart:focus-visible,.btn-approve:focus-visible,.btn-fix-resubmit:focus-visible,.btn-reject:focus-visible,.btn-view-details:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-view-details{background:#0000;border-color:#e5e7eb;border-color:var(--color-border,#e5e7eb);color:#4b5563;color:var(--color-text-secondary,#4b5563)}.btn-view-details:hover{border-color:#d1d5db;border-color:var(--color-border-strong,#d1d5db);color:#111827;color:var(--color-text-primary,#111827)}.btn-add-cart{background:#f29213;background:var(--color-primary,#f29213);border-color:#f29213;border-color:var(--color-primary,#f29213);color:#fff}.btn-add-cart:hover:not(:disabled){background:#d97d0a;background:var(--color-primary-hover,#d97d0a);border-color:#d97d0a;border-color:var(--color-primary-hover,#d97d0a)}.btn-add-cart:active:not(:disabled){transform:scale(.97)}.btn-add-cart:disabled{cursor:not-allowed;opacity:.55}.btn-approve{background:#dcfce7;background:var(--color-success-subtle,#dcfce7);border-color:#16a34a;border-color:var(--color-success,#16a34a);color:#15803d;color:var(--color-success-text,#15803d)}.btn-approve:hover{background:#16a34a;background:var(--color-success,#16a34a);color:#fff}.btn-reject{background:#fee2e2;background:var(--color-destructive-subtle,#fee2e2);border-color:#dc2626;border-color:var(--color-destructive,#dc2626);color:#b91c1c;color:var(--color-destructive-text,#b91c1c)}.btn-reject:hover{background:#dc2626;background:var(--color-destructive,#dc2626);color:#fff}.btn-fix-resubmit{background:#fef3c7;background:var(--color-warning-subtle,#fef3c7);border-color:#d97706;border-color:var(--color-warning,#d97706);color:#92400e;color:var(--color-warning-text,#92400e);width:100%}.btn-fix-resubmit:hover{background:#d97706;background:var(--color-warning,#d97706);color:#fff}.products-grid--list .product-card{align-items:center;flex-direction:row}.products-grid--list .product-image{aspect-ratio:1;border-radius:0;min-width:110px;width:110px}.products-grid--list .product-info{align-items:center;flex:1 1;flex-direction:row;gap:1rem;padding:.75rem 1rem}.products-grid--list .product-title{-webkit-line-clamp:1;flex:1 1;min-width:0}.products-grid--list .product-footer{flex-shrink:0;margin-top:0;padding-top:0}.pc-modal{display:flex;flex-direction:column;max-height:calc(100vh - 80px)}.pc-modal__options{overflow-y:auto;padding-right:2px}.products-page-container{animation:fadeIn .3s ease-out;background:#fff;background:var(--color-background,#fff);min-height:100vh}.product-list-section{margin:0 auto;max-width:1440px;padding:1.5rem 2rem 4rem}.pp-toprow{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.product-list-heading{color:#111827;color:var(--color-text-primary,#111827);font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;letter-spacing:-.02em;margin:0;padding-bottom:.5rem;position:relative}.product-list-heading:after{background:#f29213;background:var(--color-primary,#f29213);border-radius:99px;bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.pp-controls{flex-wrap:wrap;gap:.5rem}.pp-controls,.pp-search-wrap{align-items:center;display:flex}.pp-search-wrap{position:relative}.pp-search-ico{color:#9ca3af;color:var(--color-text-muted,#9ca3af);flex-shrink:0;height:14px;left:.7rem;pointer-events:none;position:absolute;width:14px}.pp-search-input{background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;color:#111827;color:var(--color-text-primary,#111827);font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.85rem;padding:.55rem 1rem .55rem 2.2rem;transition:border-color .2s,box-shadow .2s,width .2s;width:210px}.pp-search-input::placeholder{color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.pp-search-input:focus{border-color:#f29213;border-color:var(--color-primary,#f29213);box-shadow:0 0 0 3px #f292131a;outline:none;width:250px}.pp-sort-select{appearance:none;-webkit-appearance:none;background:var(--color-surface-elevated);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath stroke='%23F29213' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.1em;border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;color:#111827;color:var(--color-text-primary,#111827);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.85rem;padding:.55rem 2.2rem .55rem .85rem;transition:border-color .2s}.pp-sort-select:focus{outline:none}.pp-sort-select:focus-visible{border-color:#f29213;border-color:var(--color-primary,#f29213);outline:2px solid var(--color-primary);outline-offset:2px}.pp-sort-select:hover{border-color:#d1d5db;border-color:var(--color-border-strong,#d1d5db)}.pp-filter-anchor,.pp-filter-btn{position:relative}.pp-filter-btn{align-items:center;background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;color:#4b5563;color:var(--color-text-secondary,#4b5563);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.85rem;font-weight:500;gap:.35rem;padding:.55rem .9rem;transition:border-color .2s,color .2s,background .2s}.pp-filter-btn:hover{border-color:#f29213;border-color:var(--color-primary,#f29213);color:#f29213;color:var(--color-primary,#f29213)}.pp-filter-btn:focus{outline:none}.pp-filter-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pp-filter-btn.is-open{background:#fff2eb;background:var(--color-primary-subtle,#fff2eb)}.pp-filter-btn.has-active,.pp-filter-btn.is-open{border-color:#f29213;border-color:var(--color-primary,#f29213);color:#f29213;color:var(--color-primary,#f29213)}.pp-filter-pip{background:#f29213;background:var(--color-primary,#f29213);border-radius:50%;height:6px;position:absolute;right:5px;top:5px;width:6px}.pp-drawer{background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:12px;box-shadow:0 8px 32px #0000001f;opacity:0;pointer-events:none;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-8px) scale(.97);transform-origin:top right;transition:opacity .2s,transform .2s cubic-bezier(.22,1,.36,1);width:280px;z-index:500}.pp-drawer--open{opacity:1;pointer-events:all;transform:translateY(0) scale(1)}.pp-drawer-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);display:flex;justify-content:space-between;padding:.85rem 1rem .6rem}.pp-drawer-title{color:#111827;color:var(--color-text-primary,#111827);font-size:.875rem;letter-spacing:0}.pp-drawer-clear,.pp-drawer-title{font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-weight:600}.pp-drawer-clear{background:#0000;border:none;border-radius:6px;color:#f29213;color:var(--color-primary,#f29213);cursor:pointer;font-size:.75rem;padding:.2rem .5rem;transition:background .15s}.pp-drawer-clear:hover{background:#fff2eb;background:var(--color-primary-subtle,#fff2eb)}.pp-drawer-body{padding:1rem}.pp-drawer-section-label{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.68rem;font-weight:700;letter-spacing:1.2px;margin-bottom:.6rem;text-transform:uppercase}.pp-drawer-prices{color:#111827;color:var(--color-text-primary,#111827);display:flex;font-size:.875rem;font-weight:700;justify-content:space-between;margin-bottom:.75rem}.pp-drawer-slider{padding:0 4px}.horizontal-slider{background:#e5e7eb;background:var(--color-border,#e5e7eb);position:relative;width:100%}.horizontal-slider,.slider-track{border-radius:99px;height:6px}.slider-track.slider-track-0,.slider-track.slider-track-2{background:#e5e7eb;background:var(--color-border,#e5e7eb)}.slider-track.slider-track-1{background:#f29213;background:var(--color-primary,#f29213)}.slider-thumb{background:var(--color-surface-elevated);border:2.5px solid #f29213;border:2.5px solid var(--color-primary,#f29213);border-radius:50%;box-shadow:0 2px 6px #f292134d;cursor:grab;height:18px;outline:none;top:-6px;transition:transform .15s,box-shadow .15s;width:18px}.slider-thumb:hover{box-shadow:0 3px 10px #f2921366;transform:scale(1.15)}.slider-thumb:active{cursor:grabbing;transform:scale(1.05)}.slider-thumb:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.pp-pill-strip-outer{margin-bottom:1.25rem;position:relative}.pp-pill-strip{-webkit-overflow-scrolling:touch;display:flex;gap:.4rem;overflow-x:auto;padding:.2rem 2px .6rem;scrollbar-width:none}.pp-pill-strip::-webkit-scrollbar{display:none}.pp-pill{background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:99px;color:#4b5563;color:var(--color-text-secondary,#4b5563);cursor:pointer;flex-shrink:0;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.8rem;font-weight:500;padding:.38rem 1rem;transition:border-color .18s,color .18s,background .18s;white-space:nowrap}.pp-pill:hover{background:#fff2eb;background:var(--color-primary-subtle,#fff2eb);border-color:#ffbca0;border-color:var(--color-primary-border,#ffbca0);color:#f29213;color:var(--color-primary,#f29213)}.pp-pill:focus{outline:none}.pp-pill:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pp-pill--active{background:#f29213;background:var(--color-primary,#f29213);border-color:#f29213;border-color:var(--color-primary,#f29213);color:#fff;font-weight:600}.pp-brand-pill-strip-outer{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem;position:relative}.pp-brand-pill-label{color:#9ca3af;color:var(--color-text-muted,#9ca3af);flex-shrink:0;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.pp-brand-pill-strip{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-wrap:nowrap;gap:.4rem;overflow-x:auto;padding:.2rem 2px .6rem;scrollbar-width:none}.pp-brand-pill-strip::-webkit-scrollbar{display:none}.pp-brand-pill{background:none;border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:99px;color:#4b5563;color:var(--color-text-secondary,#4b5563);cursor:pointer;flex-shrink:0;font-size:.78rem;font-weight:500;padding:.28rem .85rem;transition:border-color .18s,color .18s,background .18s;white-space:nowrap}.pp-brand-pill--active,.pp-brand-pill:hover{background:#fff2eb;background:var(--color-primary-subtle,#fff2eb);border-color:#f29213;border-color:var(--color-primary,#f29213);color:#f29213;color:var(--color-primary,#f29213)}.pp-brand-pill--active{font-weight:600}.pp-brand-pill-arrow{align-items:center;background:#fff;background:var(--color-surface-elevated,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:50%;box-shadow:0 2px 6px #00000014;color:#4b5563;color:var(--color-text-secondary,#4b5563);cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;padding:0;transition:background .18s,border-color .18s,color .18s;width:26px}.pp-brand-pill-arrow:hover{background:#fff2eb;background:var(--color-primary-subtle,#fff2eb);border-color:#fccf7a;border-color:var(--color-primary-border,#fccf7a);color:#f29213;color:var(--color-primary,#f29213)}.pp-brand-pill-arrow--hidden{opacity:0;pointer-events:none}.pp-brand-pill-fade{bottom:8px;pointer-events:none;position:absolute;top:0;width:36px;z-index:2}.pp-brand-pill-fade--l{background:linear-gradient(90deg,#fff,#0000);background:linear-gradient(to right,var(--color-background,#fff),#0000);left:0}.pp-brand-pill-fade--r{background:linear-gradient(270deg,#fff,#0000);background:linear-gradient(to left,var(--color-background,#fff),#0000);right:0}.pp-pill-arrow{align-items:center;background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#4b5563;color:var(--color-text-secondary,#4b5563);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background .18s,border-color .18s,color .18s,box-shadow .18s;width:28px;z-index:3}.pp-pill-arrow:hover{background:#fff2eb;background:var(--color-primary-subtle,#fff2eb);border-color:#fccf7a;border-color:var(--color-primary-border,#fccf7a);box-shadow:0 3px 10px #f292132e;color:#f29213;color:var(--color-primary,#f29213)}.pp-pill-arrow:focus{outline:none}.pp-pill-arrow:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pp-pill-arrow--l{left:0}.pp-pill-arrow--r{right:0}.pp-pill-arrow--hidden{opacity:0;pointer-events:none}.pp-pill-fade{bottom:8px;pointer-events:none;position:absolute;top:0;width:40px;z-index:2}.pp-pill-fade--l{background:linear-gradient(90deg,#fff,#0000);background:linear-gradient(to right,var(--color-background,#fff),#0000);left:0}.pp-pill-fade--r{background:linear-gradient(270deg,#fff,#0000);background:linear-gradient(to left,var(--color-background,#fff),#0000);right:0}.pp-chips{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem}.pp-chip{align-items:center;animation:chipIn .2s ease;background:#fff2eb;background:var(--color-primary-subtle,#fff2eb);border:1px solid #ffbca0;border:1px solid var(--color-primary-border,#ffbca0);border-radius:99px;display:inline-flex;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.75rem;font-weight:500;gap:.3rem;padding:.25rem .7rem}.pp-chip,.pp-chip button{color:#f29213;color:var(--color-primary,#f29213)}.pp-chip button{background:#0000;border:none;border-radius:50%;cursor:pointer;font-size:.7rem;line-height:1;opacity:.6;padding:0;transition:opacity .15s}.pp-chip button:hover{opacity:1}.pp-chip button:focus{outline:none}.pp-chip button:focus-visible{opacity:1;outline:2px solid var(--color-primary);outline-offset:2px}.products-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.products-grid--list{gap:.75rem;grid-template-columns:1fr}.pp-end-msg{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.8rem;letter-spacing:.5px;margin-top:2.5rem;text-align:center}.no-products-found{background:#f9fafb;background:var(--color-surface,#f9fafb);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:12px;color:#4b5563;color:var(--color-text-secondary,#4b5563);font-size:.95rem;margin-top:1rem;padding:4rem 2rem}.no-products-found:before{font-size:2.5rem;margin-bottom:.75rem}.loading-state{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.875rem;padding:3rem 2rem;text-align:center}.products-grid-skeleton{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.pp-skeleton-card{background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:12px;overflow:hidden}.pp-skeleton-img{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,var(--shimmer-base) 25%,var(--shimmer-highlight) 50%,var(--shimmer-base) 75%);background-size:200% 100%;height:200px;width:100%}.pp-skeleton-body{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.pp-skeleton-line{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,var(--shimmer-base) 25%,var(--shimmer-highlight) 50%,var(--shimmer-base) 75%);background-size:200% 100%;border-radius:4px;height:12px}.pp-skeleton-line--short{width:50%}.pp-skeleton-line--medium{width:70%}.pp-view-toggle{background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;display:flex;overflow:hidden}.pp-view-btn{align-items:center;background:#0000;border:none;color:#9ca3af;color:var(--color-text-muted,#9ca3af);cursor:pointer;display:flex;justify-content:center;padding:.5rem .65rem;transition:background .15s,color .15s}.pp-view-btn:hover:not(.active){background:#f9fafb;background:var(--color-surface,#f9fafb);color:#4b5563;color:var(--color-text-secondary,#4b5563)}.pp-view-btn.active{background:#fff2eb;background:var(--color-primary-subtle,#fff2eb);color:#f29213;color:var(--color-primary,#f29213)}@media (max-width:1100px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:900px){.product-list-section{padding:1.25rem 1.25rem 3rem}.products-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:640px){.product-list-section{padding:1rem 1rem 3rem}.pp-toprow{align-items:flex-start;flex-direction:column;gap:.75rem}.pp-controls,.pp-search-input,.pp-search-input:focus{width:100%}.pp-search-wrap,.pp-sort-select{flex:1 1}.pp-drawer{border-radius:12px;left:0;right:auto;width:100%}.products-grid,.products-grid-skeleton{gap:.75rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:360px){.products-grid{grid-template-columns:1fr}}div.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}div.modal-content{background:var(--color-surface-elevated)!important;border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:14px;box-shadow:0 20px 60px #00000026;color:#111827!important;color:var(--color-text-primary,#111827)!important;display:flex;flex-direction:column;max-height:90vh;max-width:800px;padding:0 1.75rem 1.25rem;position:relative;width:90%}.modal-body-scroll{padding-right:8px}.form-group{margin-bottom:1rem}.product-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.full-width{grid-column:1/-1}.dimension-group{align-items:center;display:flex;gap:.6rem}.dimension-group span{color:#4b5563;color:var(--color-text-secondary,#4b5563)}.form-group label{margin-bottom:.35rem}.form-group input,.form-group select,.form-group textarea{background:#f9fafb!important;background:var(--color-surface,#f9fafb)!important;border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;box-sizing:border-box;color:#111827!important;color:var(--color-text-primary,#111827)!important;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.875rem;outline:none;padding:.65rem .9rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#f29213;border-color:var(--color-primary,#f29213);box-shadow:0 0 0 3px #f292131f}.image-preview-grid{background:#f9fafb;background:var(--color-surface,#f9fafb);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem}.image-preview-item{height:80px;position:relative;width:80px}.image-preview-item img{border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:6px;height:100%;object-fit:cover;width:100%}.delete-image-btn{align-items:center;background:#dc2626;background:var(--color-destructive,#dc2626);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:11px;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;transition:transform .15s;width:20px}.delete-image-btn:hover{transform:scale(1.1)}.error-message{margin-bottom:.75rem}@media (max-width:768px){.product-form-grid{gap:.75rem;grid-template-columns:1fr}div.modal-content{max-height:95vh;padding:0 1.25rem 1.25rem;width:95%}.dimension-group{flex-wrap:wrap}.dimension-group input{min-width:60px}.form-actions{flex-direction:column-reverse;gap:.6rem}.btn-cancel,.btn-submit{text-align:center;width:100%}}.category-add-form,.subcategory-add-form{align-items:center;display:flex;gap:.6rem;margin-bottom:1.25rem}.category-add-form input,.subcategory-add-form input{background:#f9fafb;background:var(--color-surface,#f9fafb);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;color:#111827;color:var(--color-text-primary,#111827);flex-grow:1;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.875rem;outline:none;padding:.65rem .9rem;transition:border-color .2s,box-shadow .2s}.category-add-form input::placeholder,.subcategory-add-form input::placeholder{color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.category-add-form input:focus,.subcategory-add-form input:focus{border-color:#f29213;border-color:var(--color-primary,#f29213);box-shadow:0 0 0 3px #f292131f}.category-add-form button,.subcategory-add-form button{background:#f29213;background:var(--color-primary,#f29213);border:none;border-radius:8px;box-shadow:0 2px 8px #f2921340;color:#fff;cursor:pointer;flex-shrink:0;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.82rem;font-weight:700;padding:.65rem 1.1rem;transition:background .18s,transform .12s,box-shadow .18s}.category-add-form button:hover,.subcategory-add-form button:hover{background:#d97d0a;background:var(--color-primary-hover,#d97d0a);box-shadow:0 4px 12px #f2921359;transform:translateY(-1px)}.category-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1rem;max-height:500px;overflow-y:auto;padding-right:6px}.category-list::-webkit-scrollbar{width:4px}.category-list::-webkit-scrollbar-track{background:#0000}.category-list::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--color-border-strong,#d1d5db);border-radius:10px}.category-item{background:#f9fafb;background:var(--color-surface,#f9fafb);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:10px;display:flex;flex-direction:column;padding:1rem 1.1rem;transition:border-color .2s,box-shadow .2s}.category-item:hover{border-color:#fccf7a;border-color:var(--color-primary-border,#fccf7a);box-shadow:0 2px 8px #00000012}.category-header{align-items:center;border-bottom:1.5px solid #e5e7eb;border-bottom:1.5px solid var(--color-border,#e5e7eb);display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.6rem}.category-header strong{color:#111827;color:var(--color-text-primary,#111827);font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.category-actions{display:flex;gap:.4rem}.category-actions button{border:1.5px solid #0000;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.75rem;font-weight:600;padding:.3rem .7rem;transition:background .15s,border-color .15s,color .15s}.category-actions .edit-btn{background:var(--color-surface-elevated);border-color:#e5e7eb;border-color:var(--color-border,#e5e7eb);color:#4b5563;color:var(--color-text-secondary,#4b5563)}.category-actions .edit-btn:hover{background:#f3f4f6;background:var(--color-surface-hover,#f3f4f6);border-color:#d1d5db;border-color:var(--color-border-strong,#d1d5db);color:#111827;color:var(--color-text-primary,#111827)}.category-actions .delete-btn{background:#fee2e2;background:var(--color-destructive-subtle,#fee2e2);border-color:#dc2626;border-color:var(--color-destructive,#dc2626);color:#b91c1c;color:var(--color-destructive-text,#b91c1c)}.category-actions .delete-btn:hover{background:#dc2626;background:var(--color-destructive,#dc2626);color:#fff}.subcategory-list{flex-grow:1;list-style:none;margin-bottom:.75rem;padding:0}.subcategory-list li{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);color:#4b5563;color:var(--color-text-secondary,#4b5563);display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 0}.subcategory-list li:last-child{border-bottom:none}.edit-btn-sm{background:#0000;border:none;color:#f29213;color:var(--color-primary,#f29213);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.78rem;font-weight:600;margin-right:4px;padding:0}.edit-btn-sm:hover{text-decoration:underline}.delete-btn-sm{background:#0000;border:none;color:#9ca3af;color:var(--color-text-muted,#9ca3af);cursor:pointer;font-size:.85rem;font-weight:700;padding:0}.delete-btn-sm:hover{color:#dc2626;color:var(--color-destructive,#dc2626)}.form-group label{font-size:.75rem}.form-group input[type=text]{background:#f9fafb!important;background:var(--color-surface,#f9fafb)!important;border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;box-sizing:border-box;color:#111827;color:var(--color-text-primary,#111827);font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.875rem;outline:none;padding:.65rem .9rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input[type=text]:focus{border-color:#f29213;border-color:var(--color-primary,#f29213);box-shadow:0 0 0 3px #f292131f}.btn-primary{font-weight:700;transition:background .18s,transform .12s}.btn-primary,.btn-secondary{border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.875rem;padding:.65rem 1.25rem}.btn-secondary{font-weight:600;transition:background .15s,border-color .15s}.error-message{padding:.6rem .9rem}.delete-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.delete-modal-content{background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:450px;padding:2rem;text-align:center;width:90%}.delete-modal-content h2{color:#333;margin-top:0}.delete-modal-content p{color:#555;font-size:1rem;margin-bottom:1.5rem}.delete-modal-content .form-group{margin-bottom:1.5rem;text-align:left}.delete-modal-content .form-group label{display:block;font-weight:600;margin-bottom:.5rem}.delete-modal-content .form-group textarea{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:.75rem;resize:vertical;width:100%}.modal-actions{gap:1rem}.modal-actions button{border-radius:5px;padding:.75rem 1.5rem;transition:background-color .2s,transform .1s}.modal-actions .btn-cancel{background-color:#f1f1f1;border:1px solid #ddd}.modal-actions .btn-confirm-delete{background-color:#ef4444;color:#fff}.modal-actions .btn-confirm-delete:hover{background-color:#dc2626}.admin-page-container{animation:fadeIn .3s ease-out;background:#0000;color:#111827;color:var(--color-text-primary,#111827);font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);margin:2rem auto;max-width:1400px;min-height:80vh;padding:2rem}.views-bar{align-items:center;background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:12px;display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.75rem;padding:.4rem;width:-webkit-fit-content;width:fit-content}.views-bar>.add-product-button{background:#0000;border:none;border-radius:8px;box-shadow:none;color:#4b5563;color:var(--color-text-secondary,#4b5563);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.85rem;font-weight:600;letter-spacing:.2px;padding:.55rem 1.1rem;transition:background .18s,color .18s;white-space:nowrap}.views-bar>.add-product-button:hover{background:#f9fafb;background:var(--color-surface,#f9fafb);color:#111827;color:var(--color-text-primary,#111827);transform:none}.views-bar>.add-product-button.active{background:#f29213;background:var(--color-primary,#f29213);box-shadow:0 2px 8px #f2921347;color:#fff;transform:none}.controls-bar{grid-gap:.75rem;align-items:center;background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:12px;display:grid;gap:.75rem;grid-template-columns:auto auto 1fr auto;grid-template-rows:auto auto;margin-bottom:1.5rem;padding:1rem 1.25rem}.controls-bar>.add-product-button{grid-row:1}.controls-bar>.search-input{grid-column:3;grid-row:1}.controls-bar>.price-slider-container{grid-column:1/3;grid-row:2}.controls-bar>.sorting-bar{grid-column:3/5;grid-row:2}.add-product-button{align-items:center;background:#f29213;background:var(--color-primary,#f29213);border:none;border-radius:8px;box-shadow:0 3px 10px #f2921347;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.82rem;font-weight:700;gap:.35rem;letter-spacing:.2px;padding:.6rem 1.1rem;transition:background .18s,transform .12s,box-shadow .18s;white-space:nowrap}.add-product-button:hover{background:#d97d0a;background:var(--color-primary-hover,#d97d0a);box-shadow:0 5px 16px #f2921361;transform:translateY(-1px)}.search-input{background:#f9fafb;background:var(--color-surface,#f9fafb);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;color:#111827;color:var(--color-text-primary,#111827);font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.88rem;outline:none;padding:.6rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.search-input::placeholder{color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.search-input:focus{border-color:#f29213;border-color:var(--color-primary,#f29213);box-shadow:0 0 0 3px #f292131f}.price-slider-container{display:flex;flex-direction:column;gap:.35rem;min-width:220px}.price-label{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.68rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.price-values{color:#f29213;color:var(--color-primary,#f29213);display:flex;font-size:.82rem;font-weight:700;justify-content:space-between}.sorting-bar{align-items:center;display:flex;gap:.6rem;justify-content:flex-end}.sort-label{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.78rem;font-weight:600;white-space:nowrap}.sort-button{appearance:none;-webkit-appearance:none;background:#f9fafb;background:var(--color-surface,#f9fafb);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath stroke='%23F29213' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .55rem center;background-repeat:no-repeat;background-size:1.1em;border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;color:#111827;color:var(--color-text-primary,#111827);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.85rem;outline:none;padding:.6rem 2rem .6rem .9rem;transition:border-color .2s}.sort-button:focus{border-color:#f29213;border-color:var(--color-primary,#f29213);box-shadow:0 0 0 3px #f292131f}.management-widgets{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-bottom:3rem}@media (min-width:1024px){.management-widgets{grid-template-columns:repeat(2,1fr)}}.collapsible-widget{background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:12px;box-shadow:0 1px 4px #0000000f;overflow:hidden;transition:border-color .2s,box-shadow .2s}.collapsible-widget:hover{border-color:#fccf7a;border-color:var(--color-primary-border,#fccf7a);box-shadow:0 4px 16px #00000014}.collapsible-widget .widget-header{align-items:center;background:#0000;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem 1.5rem;transition:background .15s;-webkit-user-select:none;user-select:none}.collapsible-widget .widget-header:hover{background:#f9fafb;background:var(--color-surface,#f9fafb)}.collapsible-widget .widget-header h3{align-items:center;color:#111827;color:var(--color-text-primary,#111827);display:flex;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.8rem;font-weight:700;gap:.5rem;letter-spacing:1.5px;margin:0;text-transform:uppercase}.collapsible-widget .toggle-icon{color:#f29213;color:var(--color-primary,#f29213);font-size:1.3rem;line-height:1;transition:transform .25s}.collapsible-widget.is-expanded .toggle-icon{transform:rotate(45deg)}.collapsible-widget .widget-content{max-height:0;opacity:0;overflow:hidden;padding:0 1.5rem;transition:max-height .4s ease-in-out,padding .4s ease-in-out,opacity .4s}.collapsible-widget.is-expanded .widget-content{border-top:1.5px solid #e5e7eb;border-top:1.5px solid var(--color-border,#e5e7eb);max-height:2000px;opacity:1;padding-bottom:1.5rem}.create-product-form{background:#0000;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:1.25rem;margin-bottom:0;padding:0}.create-product-form input,.create-product-form select,.create-product-form textarea{background:#f9fafb;background:var(--color-surface,#f9fafb);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;color:#111827;color:var(--color-text-primary,#111827);font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.9rem;outline:none;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s}.create-product-form input::placeholder,.create-product-form textarea::placeholder{color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.create-product-form input:focus,.create-product-form select:focus,.create-product-form textarea:focus{border-color:#f29213;border-color:var(--color-primary,#f29213);box-shadow:0 0 0 3px #f292131f}.create-product-form button{background:#f29213;background:var(--color-primary,#f29213);border:none;border-radius:8px;box-shadow:0 3px 10px #f2921347;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.9rem;font-weight:700;letter-spacing:1px;padding:.85rem 1rem;text-transform:uppercase;transition:background .18s,transform .12s,box-shadow .18s}.create-product-form button:hover{background:#d97d0a;background:var(--color-primary-hover,#d97d0a);box-shadow:0 5px 16px #f2921361;transform:translateY(-1px)}.products-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:1.5rem}.product-item{background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:10px;box-shadow:0 1px 4px #0000000d;display:flex;flex-direction:column;padding:1.25rem;position:relative;transition:border-color .2s,box-shadow .2s,transform .2s}.product-item:hover{border-color:#fccf7a;border-color:var(--color-primary-border,#fccf7a);box-shadow:0 6px 20px #00000017;transform:translateY(-3px)}.product-item h3{color:#111827;color:var(--color-text-primary,#111827);font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.9rem;font-weight:700;margin-bottom:.5rem}.product-item p{color:#4b5563;color:var(--color-text-secondary,#4b5563);font-size:.85rem;margin-bottom:.5rem}.product-actions{display:flex;gap:1rem;justify-content:space-between;margin-top:1.5rem}.delete-btn,.edit-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.85rem;font-weight:600;padding:.55rem 1rem;text-align:center;transition:background .15s,border-color .15s}.edit-btn{background:#f9fafb;background:var(--color-surface,#f9fafb);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);color:#4b5563;color:var(--color-text-secondary,#4b5563)}.edit-btn:hover{background:#f3f4f6;background:var(--color-surface-hover,#f3f4f6);border-color:#d1d5db;border-color:var(--color-border-strong,#d1d5db);color:#111827;color:var(--color-text-primary,#111827)}.delete-btn{background:#fee2e2;background:var(--color-destructive-subtle,#fee2e2);border:1.5px solid #dc2626;border:1.5px solid var(--color-destructive,#dc2626);color:#b91c1c;color:var(--color-destructive-text,#b91c1c)}.delete-btn:hover{background:#dc2626;background:var(--color-destructive,#dc2626);color:#fff}@media (max-width:768px){.admin-content,.dashboard-content,.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}table{min-width:600px}}.ql-wrapper{padding:.5rem 0}.ql-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.75rem}.ql-eyebrow{color:#f29213;color:var(--color-primary,#f29213);font-size:.65rem;font-weight:700;letter-spacing:2.5px;margin-bottom:.3rem;text-transform:uppercase}.ql-title{color:#111827;color:var(--color-text-primary,#111827);font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin:0}.ql-empty{align-items:center;background:#f9fafb;background:var(--color-surface,#f9fafb);border:1.5px dashed #e5e7eb;border:1.5px dashed var(--color-border,#e5e7eb);border-radius:14px;display:flex;flex-direction:column;gap:1rem;padding:4rem 2rem;text-align:center}.ql-empty__icon{font-size:3rem;opacity:.3}.ql-empty__msg{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.9rem}.ql-error{align-items:flex-start;background:#fee2e2;background:var(--color-destructive-subtle,#fee2e2);border:1px solid #fca5a5;border-radius:10px;color:#b91c1c;color:var(--color-destructive-text,#b91c1c);display:flex;flex-direction:column;font-size:.85rem;gap:.5rem;margin-bottom:1rem;padding:1rem 1.25rem}.ql-toolbar{flex-wrap:wrap;gap:1rem;margin-bottom:.75rem}.ql-search-wrap,.ql-toolbar{align-items:center;display:flex}.ql-search-wrap{flex:1 1;min-width:220px;position:relative}.ql-search-icon{font-size:.9rem;left:.85rem;opacity:.5;pointer-events:none;position:absolute}.ql-search-input{background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;color:var(--color-text-primary);font-size:.875rem;outline:none;padding:.55rem 2.5rem .55rem 2.4rem;transition:border-color .15s;width:100%}.ql-search-input:focus{border-color:#f29213;border-color:var(--color-primary,#f29213)}.ql-search-clear{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:.8rem;line-height:1;padding:0;position:absolute;right:.75rem}.ql-results-count{color:var(--color-text-muted);font-size:.82rem;white-space:nowrap}.ql-pagination{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);justify-content:center;padding:1rem}.ql-page-numbers,.ql-pagination{align-items:center;display:flex;gap:.4rem}.ql-page-btn{background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-size:.82rem;padding:.35rem .75rem;transition:border-color .15s,background .15s}.ql-page-btn:hover:not(:disabled){border-color:#f29213;border-color:var(--color-primary,#f29213);color:#f29213;color:var(--color-primary,#f29213)}.ql-page-btn:disabled{cursor:not-allowed;opacity:.35}.ql-page-btn--active{background:#f29213;background:var(--color-primary,#f29213);border-color:#f29213;border-color:var(--color-primary,#f29213);color:#fff!important;font-weight:600}.ql-page-ellipsis{color:var(--color-text-muted);font-size:.82rem;padding:0 .25rem}.ql-table-wrap{background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:12px;overflow-x:auto}.ql-table{border-collapse:collapse;font-size:.88rem;width:100%}.ql-table thead{border-bottom:1.5px solid #e5e7eb;border-bottom:1.5px solid var(--color-border,#e5e7eb)}.ql-table th{background:#f9fafb;background:var(--color-surface,#f9fafb);color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.65rem;font-weight:700;letter-spacing:1.5px;padding:.85rem 1.25rem;text-align:left;text-transform:uppercase;white-space:nowrap}.ql-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);color:#4b5563;color:var(--color-text-secondary,#4b5563);padding:.9rem 1.25rem;vertical-align:middle}.ql-table tbody tr:last-child td{border-bottom:none}.ql-table tbody tr:hover td{background:#f9fafb;background:var(--color-surface,#f9fafb)}.ql-td-name{color:#111827!important;color:var(--color-text-primary,#111827)!important;font-size:.9rem!important;font-weight:700!important}.ql-td-email{color:#9ca3af!important;color:var(--color-text-muted,#9ca3af)!important;font-size:.78rem!important}.ql-viewers-badge{align-items:center;background:#fff8ec;background:var(--color-primary-subtle,#fff8ec);border:1px solid #fccf7a;border:1px solid var(--color-primary-border,#fccf7a);border-radius:50px;color:#f29213;color:var(--color-primary,#f29213);display:inline-flex;font-size:.72rem;font-weight:700;padding:.2rem .6rem}.ql-unseen{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.72rem;opacity:.6}.ql-copy-btn{background:#fff8ec;background:var(--color-primary-subtle,#fff8ec);border:1px solid #fccf7a;border:1px solid var(--color-primary-border,#fccf7a);border-radius:6px;color:#f29213;color:var(--color-primary,#f29213);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.75rem;font-weight:700;padding:.35rem .8rem;transition:background .15s,transform .12s;white-space:nowrap}.ql-copy-btn:hover{background:#f29213;background:var(--color-primary,#f29213);color:#fff;transform:scale(1.03)}.analytics-dashboard{grid-gap:1.5rem;border-bottom:1.5px solid #e5e7eb;border-bottom:1.5px solid var(--color-border,#e5e7eb);display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem;padding-bottom:2rem}.stat-card{background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:12px;box-shadow:0 1px 4px #0000000d;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:1.5rem;position:relative}.stat-value{color:#111827;color:var(--color-text-primary,#111827);font-size:2.2rem;font-weight:700;line-height:1;margin-bottom:.5rem}.stat-label{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.78rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.text-blue{color:#2563eb}.text-orange{color:#f29213;color:var(--color-primary,#f29213)}.text-purple{color:#7c3aed}.text-indigo{color:#4338ca}.text-green{color:#16a34a}.text-red{color:#dc2626}.stat-card.clickable{cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.stat-card.clickable:hover{border-color:#fccf7a;border-color:var(--color-primary-border,#fccf7a);box-shadow:0 6px 20px #00000017;transform:translateY(-3px)}.stat-card.active-filter{background:#fff8ec;background:var(--color-primary-subtle,#fff8ec);transform:translateY(-2px)}.stat-card.active-filter.border-blue{border:2px solid #2563eb}.stat-card.active-filter.border-orange{border:2px solid #f29213;border:2px solid var(--color-primary,#f29213)}.stat-card.active-filter.border-purple{border:2px solid #7c3aed}.stat-card.active-filter.border-indigo{border:2px solid #4338ca}.stat-card.active-filter.border-green{border:2px solid #16a34a}.stat-card.active-filter.border-red{border:2px solid #dc2626}.highlight-card{background:#fff8ec;background:var(--color-primary-subtle,#fff8ec);border-color:#fccf7a;border-color:var(--color-primary-border,#fccf7a);flex-direction:column;gap:.5rem;grid-column:1/-1}.stat-row{color:#111827;color:var(--color-text-primary,#111827);display:flex;font-size:1rem;justify-content:space-between}.stat-progress{background:#e5e7eb;background:var(--color-border,#e5e7eb);border-radius:4px;height:8px;margin-top:.5rem;overflow:hidden}.stat-progress-bar{background:#f29213;background:var(--color-primary,#f29213);border-radius:4px;height:100%;transition:width .5s ease}.filter-status-bar{align-items:center;background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;color:#4b5563;color:var(--color-text-secondary,#4b5563);display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1.5rem;padding:.8rem 1.25rem}.status-badge{border-radius:12px;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase;white-space:nowrap}.status-requested{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.status-cart{background:#f3e8ff;border:1px solid #d8b4fe;color:#6b21a8}.status-quote{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.status-converted{background:#dcfce7;border:1px solid #86efac;color:#15803d}.modal-content{background:var(--color-surface-elevated);display:flex;flex-direction:column;max-height:90vh;padding:0 1.75rem 1.25rem;position:relative}.modal-content h2{flex-shrink:0;padding-top:1.5rem}.modal-body-scroll{flex:1 1;margin:1rem 0;overflow-y:auto;padding-right:4px}.modal-body-scroll::-webkit-scrollbar{width:4px}.modal-body-scroll::-webkit-scrollbar-track{background:#0000}.modal-body-scroll::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--color-border-strong,#d1d5db);border-radius:4px}.form-group{margin-bottom:1.1rem}.form-group label{font-size:.72rem;letter-spacing:.5px;margin-bottom:.4rem;text-transform:uppercase}.form-group input,.form-group label{font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif)}.form-group input{background:#f9fafb;background:var(--color-surface,#f9fafb);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;color:#111827;color:var(--color-text-primary,#111827);font-size:.875rem;outline:none;padding:.65rem .9rem}.form-group input::placeholder{color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.form-group input:focus{box-shadow:0 0 0 3px #f292131f}.error-message{border-radius:8px;font-size:.82rem;padding:.65rem .9rem}.form-actions{border-top:1.5px solid #e5e7eb;border-top:1.5px solid var(--color-border,#e5e7eb);display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding-top:1rem}.btn-cancel{background:#0000;border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;color:#4b5563;color:var(--color-text-secondary,#4b5563);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.875rem;font-weight:600;padding:.65rem 1.25rem;transition:background .15s,border-color .15s,color .15s}.btn-cancel:hover{background:#f9fafb;background:var(--color-surface,#f9fafb);border-color:#d1d5db;border-color:var(--color-border-strong,#d1d5db);color:#111827;color:var(--color-text-primary,#111827)}.btn-submit{background:#f29213;background:var(--color-primary,#f29213);border:none;border-radius:8px;box-shadow:0 3px 10px #f2921347;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.875rem;font-weight:700;padding:.65rem 1.25rem;transition:background .18s,transform .12s,box-shadow .18s}.btn-submit:hover{background:#d97d0a;background:var(--color-primary-hover,#d97d0a);box-shadow:0 5px 16px #f2921361;transform:translateY(-1px)}.brand-manager-content{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem 0}.brand-add-form{align-items:flex-end;background:#f9fafb;background:var(--color-surface,#f9fafb);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:10px;display:flex;flex-wrap:wrap;gap:.75rem;padding:1.25rem}.form-field-group{display:flex;flex:1 1;flex-direction:column;gap:.4rem;min-width:200px}.form-field-group label{color:#4b5563;color:var(--color-text-secondary,#4b5563);font-size:.72rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.brand-input,.form-field-group label{font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif)}.brand-input{background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;box-sizing:border-box;color:#111827;color:var(--color-text-primary,#111827);font-size:.875rem;outline:none;padding:.65rem .9rem;transition:border-color .2s,box-shadow .2s;width:100%}.brand-input::placeholder{color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.brand-input:focus{border-color:#f29213;border-color:var(--color-primary,#f29213);box-shadow:0 0 0 3px #f292131f}.add-brand-btn{align-items:center;background:#f29213;background:var(--color-primary,#f29213);border:none;border-radius:8px;box-shadow:0 2px 8px #f2921340;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.85rem;font-weight:700;height:44px;justify-content:center;padding:0 1.25rem;transition:background .18s,transform .12s,box-shadow .18s;white-space:nowrap}.add-brand-btn:hover:not(:disabled){background:#d97d0a;background:var(--color-primary-hover,#d97d0a);box-shadow:0 4px 14px #f2921361;transform:translateY(-1px)}.add-brand-btn:disabled{background:#e5e7eb;background:var(--color-border,#e5e7eb);box-shadow:none;color:#9ca3af;color:var(--color-text-muted,#9ca3af);cursor:not-allowed}.brand-list{grid-gap:.75rem;border-top:1.5px solid #e5e7eb;border-top:1.5px solid var(--color-border,#e5e7eb);display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));max-height:450px;overflow-y:auto;padding-top:1rem}.brand-list::-webkit-scrollbar{width:4px}.brand-list::-webkit-scrollbar-track{background:#0000}.brand-list::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--color-border-strong,#d1d5db);border-radius:10px}.brand-tag-container{align-items:center;background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;display:flex;justify-content:space-between;padding:.6rem .75rem;transition:border-color .2s,box-shadow .2s}.brand-tag-container:hover{border-color:#fccf7a;border-color:var(--color-primary-border,#fccf7a);box-shadow:0 2px 8px #f292131a}.brand-tag{align-items:center;color:#111827;color:var(--color-text-primary,#111827);display:flex;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.875rem;font-weight:600;gap:.6rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-logo-preview{background:#f9fafb;background:var(--color-surface,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:4px;flex-shrink:0;height:30px;object-fit:contain;padding:2px;width:30px}.brand-actions{display:flex;flex-shrink:0;gap:4px}.brand-action-btn{border:1.5px solid #0000;border-radius:5px;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.68rem;font-weight:700;letter-spacing:.3px;padding:.3rem .55rem;text-transform:uppercase;transition:background .15s,border-color .15s,color .15s}.brand-action-btn.edit-btn{background:#f9fafb;background:var(--color-surface,#f9fafb);border-color:#e5e7eb;border-color:var(--color-border,#e5e7eb);color:#4b5563;color:var(--color-text-secondary,#4b5563)}.brand-action-btn.edit-btn:hover{background:#f3f4f6;background:var(--color-surface-hover,#f3f4f6);border-color:#d1d5db;border-color:var(--color-border-strong,#d1d5db);color:#111827;color:var(--color-text-primary,#111827)}.brand-action-btn.delete-btn{background:#fee2e2;background:var(--color-destructive-subtle,#fee2e2);border-color:#dc2626;border-color:var(--color-destructive,#dc2626);color:#b91c1c;color:var(--color-destructive-text,#b91c1c)}.brand-action-btn.delete-btn:hover{background:#dc2626;background:var(--color-destructive,#dc2626);color:#fff}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000073;inset:0;z-index:2000}.modal-content{background:var(--color-surface-elevated)!important;border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:14px;box-shadow:0 20px 60px #00000026;color:#111827;color:var(--color-text-primary,#111827);max-width:480px;width:90%}.modal-content h2{border-bottom:1.5px solid #e5e7eb;border-bottom:1.5px solid var(--color-border,#e5e7eb);font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:1.1rem;font-weight:700;letter-spacing:-.01em;margin-bottom:1.25rem;padding-bottom:.9rem}.modal-actions{border-top:1.5px solid #e5e7eb;border-top:1.5px solid var(--color-border,#e5e7eb);margin-top:1.5rem;padding-top:1.25rem}.btn-primary,.btn-secondary{border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.875rem;font-weight:700;padding:.65rem 1.25rem;transition:background .18s,transform .12s,border-color .18s}.btn-primary{background:#f29213;background:var(--color-primary,#f29213);border:none;box-shadow:0 2px 8px #f2921340;color:#fff}.btn-primary:hover{background:#d97d0a;background:var(--color-primary-hover,#d97d0a);transform:translateY(-1px)}.btn-secondary{background:#0000;border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);color:#4b5563;color:var(--color-text-secondary,#4b5563)}.btn-secondary:hover{background:#f9fafb;background:var(--color-surface,#f9fafb);border-color:#d1d5db;border-color:var(--color-border-strong,#d1d5db);color:#111827;color:var(--color-text-primary,#111827)}.brand-error{background:#fee2e2;background:var(--color-destructive-subtle,#fee2e2);border:1px solid #fca5a5;border-radius:6px;color:#b91c1c;color:var(--color-destructive-text,#b91c1c);font-size:.82rem;padding:.5rem .9rem}.onboarding-container{background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:12px;box-shadow:0 4px 16px #0000000f;margin:2rem auto;max-width:800px;padding:2rem 2.5rem}.onboarding-container h2{color:#111827;color:var(--color-text-primary,#111827);font-size:1.75rem;font-weight:700;margin-bottom:.5rem;margin-top:0;text-align:center}.onboarding-container h3{border-bottom:1.5px solid #e5e7eb;border-bottom:1.5px solid var(--color-border,#e5e7eb);color:#4b5563;color:var(--color-text-secondary,#4b5563);font-size:1rem;font-weight:600;grid-column:1/-1;margin-bottom:1rem;padding-bottom:.75rem}.onboarding-form{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.onboarding-form .full-width{grid-column:1/-1}.onboarding-form input{background:#f9fafb;background:var(--color-surface,#f9fafb);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;box-sizing:border-box;color:#111827;color:var(--color-text-primary,#111827);font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.9rem;outline:none;padding:.7rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.onboarding-form input::placeholder{color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.onboarding-form input:focus{border-color:#f29213;border-color:var(--color-primary,#f29213);box-shadow:0 0 0 3px #f292131f}.onboarding-form button{background:#f29213;background:var(--color-primary,#f29213);border:none;border-radius:8px;box-shadow:0 3px 10px #f2921347;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.9rem;font-weight:700;grid-column:1/-1;margin-top:.5rem;padding:.8rem;transition:background .18s,transform .12s}.onboarding-form button:hover{background:#d97d0a;background:var(--color-primary-hover,#d97d0a);transform:translateY(-1px)}.error-message,.success-message{border-radius:8px;font-weight:500;margin-top:1.5rem;padding:1rem;text-align:center}.success-message{background:#dcfce7;border:1px solid #86efac;color:#15803d}.error-message{background:#fee2e2;background:var(--color-destructive-subtle,#fee2e2);border:1px solid #fca5a5;color:#b91c1c;color:var(--color-destructive-text,#b91c1c)}.qcp-wrapper{color:#111827;color:var(--color-text-primary,#111827);font-family:Outfit,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.qcp-header{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1.5rem}.qcp-header__left{display:flex;flex-direction:column;justify-content:center}.qcp-header__eyebrow{align-items:center;color:#f29213;color:var(--color-primary,#f29213);display:flex;font-size:.68rem;font-weight:700;gap:.5rem;letter-spacing:2.5px;margin-bottom:.4rem;text-transform:uppercase}.qcp-header__eyebrow:before{background:#f29213;background:var(--color-primary,#f29213);border-radius:2px;content:"";display:inline-block;height:2px;width:16px}.qcp-header__title{color:#111827;color:var(--color-text-primary,#111827);font-family:Bebas Neue,sans-serif;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:1.5px;line-height:1;margin:0}.qcp-header .qcp-btn--primary{background:#f2921314;border:1px solid #f292134d;border-radius:50px;box-shadow:none;color:#f29213;color:var(--color-primary,#f29213);font-size:.85rem;margin:0;padding:.6rem 1.4rem;transition:all .2s ease}.qcp-header .qcp-btn--primary:hover{background:#f29213;background:var(--color-primary,#f29213);box-shadow:0 4px 15px #f2921340;color:#f9fafb;color:var(--color-surface,#f9fafb);transform:translateY(-2px)}.qcp-header__steps{gap:0}.qcp-header__steps,.qcp-step{align-items:center;display:flex}.qcp-step{gap:.5rem}.qcp-step__num{align-items:center;border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb);border-radius:50%;color:#9ca3af;color:var(--color-text-muted,#9ca3af);display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:28px;justify-content:center;transition:all .3s;width:28px}.qcp-step.active .qcp-step__num{box-shadow:0 0 12px #f292134d;color:#f29213;color:var(--color-primary,#f29213)}.qcp-step.active .qcp-step__num,.qcp-step.done .qcp-step__num{border-color:#f29213;border-color:var(--color-primary,#f29213)}.qcp-step.done .qcp-step__num{background:#f29213;background:var(--color-primary,#f29213);color:#f9fafb;color:var(--color-surface,#f9fafb)}.qcp-step__label{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.78rem;font-weight:500;white-space:nowrap}.qcp-step.active .qcp-step__label{color:#f29213;color:var(--color-primary,#f29213);font-weight:700}.qcp-step.done .qcp-step__label{color:#4b5563;color:var(--color-text-secondary,#4b5563)}.qcp-step__line{background:#e5e7eb;background:var(--color-border,#e5e7eb);flex-shrink:0;height:2px;margin:0 .4rem;width:40px}.qcp-body{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 420px}.qcp-body--centered{grid-template-columns:1fr;justify-items:center}.qcp-body--split{gap:1.25rem;grid-template-columns:240px 1fr 340px}.qcp-filters-sidebar{background:var(--color-surface-elevated);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:14px;padding:1.25rem;position:-webkit-sticky;position:sticky;top:2rem}.qcp-filter-section{margin-bottom:1.5rem}.qcp-filter-label{color:#9ca3af;color:var(--color-text-muted,#9ca3af);display:block;font-size:.68rem;font-weight:700;letter-spacing:1.5px;margin-bottom:.75rem;text-transform:uppercase}.qcp-filter-select{background:#f9fafb;background:var(--color-surface,#f9fafb);border:1px solid #d1d5db;border:1px solid var(--color-border-strong,#d1d5db);border-radius:8px;color:#111827;color:var(--color-text-primary,#111827);cursor:pointer;font-family:Outfit,sans-serif;font-size:.85rem;padding:.6rem .75rem;transition:all .2s;width:100%}.qcp-filter-select:focus{border-color:#f29213;border-color:var(--color-primary,#f29213);outline:none}.qcp-price-info{color:#f29213;color:var(--color-primary,#f29213);display:flex;font-size:.75rem;font-weight:600;justify-content:space-between;margin-bottom:.5rem}.qcp-price-slider{height:20px;margin-top:1rem;width:100%}.qcp-track{border-radius:2px;height:4px;top:8px}.qcp-track-0{background:#d1d5db;background:var(--color-border-strong,#d1d5db)}.qcp-track-1{background:#f29213;background:var(--color-primary,#f29213)}.qcp-track-2{background:#d1d5db;background:var(--color-border-strong,#d1d5db)}.qcp-thumb{background:#fff;border:2px solid #f29213;border:2px solid var(--color-primary,#f29213);border-radius:50%;box-shadow:0 0 8px #f2921366;cursor:grab;height:18px;top:1px;width:18px}.qcp-thumb:focus{outline:none}.qcp-reset-btn{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;color:#9ca3af;color:var(--color-text-muted,#9ca3af);cursor:pointer;font-size:.75rem;font-weight:600;margin-top:1rem;padding:.6rem;transition:all .2s;width:100%}.qcp-reset-btn:hover{border-color:#f29213;border-color:var(--color-primary,#f29213);color:#f29213;color:var(--color-primary,#f29213)}.qcp-panel{background:var(--color-surface-elevated);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:14px;padding:1.5rem;transition:border-color .25s}.qcp-panel--details,.qcp-panel--success{max-width:560px;width:100%}.qcp-panel--cart{box-sizing:border-box;display:flex;flex-direction:column;max-height:calc(100vh - 4rem);min-width:0;overflow-x:hidden;overflow-y:auto;padding:1.25rem 1rem;position:-webkit-sticky;position:sticky;top:2rem;width:100%}.qcp-panel__title{align-items:center;color:#111827;color:var(--color-text-primary,#111827);display:flex;font-family:Bebas Neue,sans-serif;font-size:1.3rem;gap:.6rem;letter-spacing:1px;margin-bottom:1rem}.qcp-panel__count{align-items:center;background:#f29213;background:var(--color-primary,#f29213);border-radius:50%;color:#f9fafb;color:var(--color-surface,#f9fafb);display:flex;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:800;height:20px;justify-content:center;width:20px}.qcp-panel__sub{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.88rem;line-height:1.6;margin-bottom:1.5rem}.qcp-search-wrap{align-items:center;display:flex;margin-bottom:1rem;position:relative}.qcp-search-ico{color:#9ca3af;color:var(--color-text-muted,#9ca3af);height:16px;left:.85rem;pointer-events:none;position:absolute;width:16px}.qcp-search-input{background:#f9fafb;background:var(--color-surface,#f9fafb);border:1px solid #d1d5db;border:1px solid var(--color-border-strong,#d1d5db);border-radius:12px;color:#111827;color:var(--color-text-primary,#111827);font-family:Outfit,sans-serif;font-size:.9rem;padding:.8rem 1rem .8rem 2.6rem;transition:all .2s;width:100%}.qcp-search-input::placeholder{color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.qcp-search-input:focus{border-color:#f29213;border-color:var(--color-primary,#f29213);box-shadow:0 0 0 3px #f292131f;outline:none}.qcp-search-spinner{animation:spin .6s linear infinite;border:2px solid #e5e7eb;border-top-color:#f29213;border:2px solid var(--color-border,#e5e7eb);border-radius:50%;border-top-color:var(--color-primary,#f29213);height:16px;position:absolute;right:.85rem;width:16px}.qcp-search-results{display:flex;flex-direction:column;gap:.4rem;max-height:460px;overflow-y:auto;scrollbar-color:#f29213 #0000;scrollbar-color:var(--color-primary,#f29213) #0000;scrollbar-width:thin}.qcp-search-results::-webkit-scrollbar{width:6px}.qcp-search-results::-webkit-scrollbar-thumb{background-color:#f29213;background-color:var(--color-primary,#f29213);border-radius:4px}.qcp-search-results::-webkit-scrollbar-track{background:#0000}.qcp-search-hint{align-items:center;color:#9ca3af;color:var(--color-text-muted,#9ca3af);display:flex;flex-direction:column;font-size:.85rem;gap:.75rem;padding:3rem 1rem;text-align:center}.qcp-search-hint__icon{font-size:2.5rem;opacity:.4}.qcp-empty-search{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.85rem;padding:2rem;text-align:center}.qcp-product-row{align-items:center;background:#ffffff08;border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;display:flex;gap:.75rem;padding:.6rem .75rem;transition:all .18s}.qcp-product-row:hover{background:#f292130d;border-color:#f2921333}.qcp-product-row__img{align-items:center;background:#f9fafb;background:var(--color-surface,#f9fafb);border-radius:6px;display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;width:44px}.qcp-product-row__img img{height:100%;object-fit:contain;width:100%}.qcp-product-row__info{flex:1 1;min-width:0}.qcp-product-row__name{color:#111827;color:var(--color-text-primary,#111827);font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qcp-product-row__meta{display:flex;gap:.75rem;margin-top:.15rem}.qcp-product-row__cat{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.68rem;letter-spacing:1px;text-transform:uppercase}.qcp-product-row__price{font-size:.75rem}.qcp-product-row__add,.qcp-product-row__price{color:#f29213;color:var(--color-primary,#f29213);font-weight:700}.qcp-product-row__add{background:#f292131a;border:1px solid #f292134d;border-radius:8px;cursor:pointer;flex-shrink:0;font-family:Outfit,sans-serif;font-size:.78rem;padding:.35rem .85rem;transition:all .18s;white-space:nowrap}.qcp-product-row__add:hover{background:#f2921333;transform:scale(1.04)}.qcp-cart-empty{align-items:center;color:#9ca3af;color:var(--color-text-muted,#9ca3af);display:flex;flex-direction:column;font-size:.85rem;gap:.75rem;padding:3rem 1rem;text-align:center}.qcp-cart-empty__icon{font-size:2.5rem;opacity:.35}.qcp-cart-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;max-height:65vh;overflow-x:hidden;overflow-y:auto;padding-right:8px;scrollbar-color:#d1d5db #0000;scrollbar-color:var(--color-border-strong,#d1d5db) #0000;scrollbar-width:thin}.qcp-cart-list::-webkit-scrollbar{width:6px}.qcp-cart-list::-webkit-scrollbar-thumb{background-color:#d1d5db,#444;background-color:var(--color-border-strong,#d1d5db,#444);border-radius:4px}.qcp-cart-item{align-items:center;background:#ffffff05;border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:12px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem 1.25rem;transition:border-color .2s ease;width:100%}.qcp-cart-item:hover{border-color:#f2921333}.qcp-cart-item__img{align-items:center;background:#f9fafb;background:var(--color-surface,#f9fafb);border-radius:6px;display:flex;flex-shrink:0;height:64px;justify-content:center;overflow:hidden;width:64px}.qcp-cart-item__img img{height:100%;object-fit:contain;width:100%}.qcp-cart-item__info{flex:1 1;min-width:0}.qcp-cart-item__name{color:#111827;color:var(--color-text-primary,#111827);font-size:1rem;font-weight:600;line-height:1.4;white-space:normal;word-break:break-word}.qcp-cart-item__price{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.85rem;margin-top:.35rem;white-space:nowrap}.qcp-cart-item__actions{align-items:center;display:flex;gap:1rem;margin-left:auto}.qcp-cart-item__controls{align-items:center;background:#ffffff0a;border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:20px;display:flex;flex-shrink:0;padding:2px 4px}.qcp-cart-item__controls button{align-items:center;background:#0000;border:none;color:#111827;color:var(--color-text-primary,#111827);cursor:pointer;display:flex;font-size:.9rem;font-weight:700;height:20px;justify-content:center;transition:color .15s;width:20px}.qcp-cart-item__controls button:hover{color:#f29213;color:var(--color-primary,#f29213)}.qcp-cart-item__controls span{color:#111827;color:var(--color-text-primary,#111827);font-size:.8rem;font-weight:700;text-align:center;width:16px}.qcp-cart-item__remove{align-items:center;background:#ff3c3c1a;border:none;border-radius:50%;color:#ff8080;cursor:pointer;display:flex;flex-shrink:0;font-size:.7rem;height:24px;justify-content:center;transition:all .2s ease;width:24px}.qcp-cart-item__remove:hover{background:#f55;color:#fff;transform:scale(1.1)}.qcp-cart-total{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);color:#9ca3af;color:var(--color-text-muted,#9ca3af);display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;margin-bottom:1rem;margin-top:.5rem;padding:1rem 0 .5rem}.qcp-cart-total__val{color:#f29213;color:var(--color-primary,#f29213);font-family:Bebas Neue,sans-serif;font-size:1.5rem;letter-spacing:.5px}.qcp-field{margin-bottom:1.25rem}.qcp-field__label{color:#9ca3af;color:var(--color-text-muted,#9ca3af);display:block;font-size:.72rem;font-weight:700;letter-spacing:1.5px;margin-bottom:.45rem;text-transform:uppercase}.qcp-field__label span{font-weight:400;letter-spacing:0;text-transform:none}.qcp-field__input{background:#f9fafb;background:var(--color-surface,#f9fafb);border:1px solid #d1d5db;border:1px solid var(--color-border-strong,#d1d5db);border-radius:8px;color:#111827;color:var(--color-text-primary,#111827);font-family:Outfit,sans-serif;font-size:.9rem;padding:.8rem 1rem;transition:all .2s;width:100%}.qcp-field__input::placeholder{color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.qcp-field__input:focus{border-color:#f29213;border-color:var(--color-primary,#f29213);box-shadow:0 0 0 3px #f292131f;outline:none}.qcp-field__input--disabled,.qcp-field__input:disabled{background:#ffffff08!important;border-color:#e5e7eb!important;border-color:var(--color-border,#e5e7eb)!important;color:#9ca3af!important;color:var(--color-text-muted,#9ca3af)!important;cursor:not-allowed;opacity:.65}.qcp-field--error .qcp-field__input{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.qcp-field--error .qcp-field__input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262626}.qcp-field--valid .qcp-field__input{border-color:#059669}.qcp-field__hint{color:#9ca3af;color:var(--color-text-muted,#9ca3af);display:block;font-size:.73rem;line-height:1.45;margin-top:.35rem;transition:color .2s ease}.qcp-field__hint--error{color:#dc2626;font-weight:500}.qcp-field__pass-wrap{position:relative}.qcp-field__pass-toggle{background:#0000;border:none;cursor:pointer;font-size:1rem;position:absolute;right:.8rem;top:50%;transform:translateY(-50%)}.qcp-textarea{-webkit-appearance:none;font-family:Outfit,sans-serif;line-height:1.5;resize:vertical}.qcp-summary{background:#ffffff05;border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:12px;margin-bottom:1.25rem;padding:1rem}.qcp-summary__title{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.68rem;font-weight:700;letter-spacing:1.5px;margin-bottom:.75rem;text-transform:uppercase}.qcp-summary__row{border-bottom:1px solid #ffffff0a;color:#4b5563;color:var(--color-text-secondary,#4b5563);font-size:.82rem;padding:.3rem 0}.qcp-summary__row,.qcp-summary__total{display:flex;justify-content:space-between}.qcp-summary__total{align-items:center;color:#111827;color:var(--color-text-primary,#111827);font-size:.9rem;font-weight:700;margin-top:.75rem}.qcp-summary__total>span:last-child{color:#fff;font-family:Bebas Neue,sans-serif;font-size:1.3rem}.qcp-error{background:#ff3c3c1a;border:1px solid #ff3c3c4d;border-radius:8px;color:#ff8080;font-size:.82rem;margin-bottom:1rem;padding:.75rem 1rem}.qcp-success-msg{background:#00c8641a;border:1px solid #00c8644d;border-radius:8px;color:#5effa0;font-size:.82rem;font-weight:600;margin-bottom:.5rem;margin-top:.5rem;padding:.6rem 1rem}.qcp-actions{display:flex;gap:.75rem;margin-top:1.25rem}.qcp-btn{border:none;border-radius:12px;cursor:pointer;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:700;letter-spacing:.3px;padding:.75rem 1.5rem;transition:all .2s}.qcp-btn--primary{background:#f29213;background:var(--color-primary,#f29213);box-shadow:0 4px 16px #f2921359;color:#fff;flex:1 1}.qcp-btn--primary:hover{box-shadow:0 6px 20px #f2921380;transform:translateY(-1px)}.qcp-btn--primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.qcp-btn--ghost{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.qcp-btn--ghost:hover{border-color:#d1d5db;border-color:var(--color-border-strong,#d1d5db);color:#111827;color:var(--color-text-primary,#111827)}.qcp-btn--accent{background:#f292131f;border:1px solid #f2921366;color:#f29213;color:var(--color-primary,#f29213);flex:1 1}.qcp-btn--accent:hover{background:#f2921333}.qcp-btn--save{background:#0000;border:1px solid #f29213;border:1px solid var(--color-primary,#f29213);border-radius:12px;color:#f29213;color:var(--color-primary,#f29213);cursor:pointer;font-family:Outfit,sans-serif;font-size:.88rem;font-weight:700;letter-spacing:.3px;margin-top:.75rem;padding:.75rem 1.5rem;transition:all .2s;width:100%}.qcp-btn--save:hover{background:#f292131a}.qcp-btn--save:disabled{cursor:not-allowed;opacity:.5}.qcp-success-icon{align-items:center;animation:successPop .5s cubic-bezier(.22,1,.36,1);background:#00c86426;border:2px solid #00c86480;border-radius:50%;color:#5effa0;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}@keyframes successPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.qcp-success-title{color:#fff;font-family:Bebas Neue,sans-serif;font-size:2rem;letter-spacing:1px;margin:0 0 .5rem;text-align:center}.qcp-success-sub{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.88rem;line-height:1.6;margin-bottom:1.5rem;text-align:center}.qcp-share-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:1.25rem}.qcp-share-field--full{grid-column:1/-1}.qcp-share-field__label{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.65rem;font-weight:700;letter-spacing:1.5px;margin-bottom:.35rem;text-transform:uppercase}.qcp-share-field__val{align-items:center;background:#f9fafb;background:var(--color-surface,#f9fafb);border:1px solid #d1d5db;border:1px solid var(--color-border-strong,#d1d5db);border-radius:8px;color:#111827;color:var(--color-text-primary,#111827);display:flex;font-size:.85rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.6rem .75rem}.qcp-share-field__val span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qcp-share-link{font-size:.78rem}.qcp-copy-btn,.qcp-share-link{color:#f29213;color:var(--color-primary,#f29213)}.qcp-copy-btn{background:#f292131a;border:1px solid #f2921340;border-radius:6px;cursor:pointer;flex-shrink:0;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:700;padding:.2rem .5rem;transition:all .15s;white-space:nowrap}.qcp-copy-btn:hover{background:#f2921333}.qcp-copy-btn--full{border-radius:8px;font-size:.82rem;margin-top:.5rem;padding:.65rem;width:100%}.qcp-share-msg-wrap{margin-bottom:1rem}.qcp-share-msg{background:#f9fafb;background:var(--color-surface,#f9fafb);border:1px solid #d1d5db;border:1px solid var(--color-border-strong,#d1d5db);border-radius:8px;color:#4b5563;color:var(--color-text-secondary,#4b5563);font-family:Outfit,sans-serif;font-size:.8rem;line-height:1.6;margin-top:.35rem;padding:.75rem;resize:none;width:100%}.qcp-actions--success{justify-content:center}.qcp-table-wrap{border-radius:8px;overflow-x:auto;width:100%}.qcp-table{border-collapse:collapse;text-align:left;width:100%}.qcp-table td,.qcp-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);font-size:.85rem;padding:1rem}.qcp-table th{background:#ffffff05;color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.75rem;letter-spacing:1px;text-transform:uppercase}.qcp-table tr:hover td{background:#f2921305}.qcp-viewers-badge{background:#f292131a;border-radius:12px;color:#f29213;color:var(--color-primary,#f29213);font-size:.7rem;font-weight:700;padding:.25rem .6rem}.qcp-unseen{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.75rem;font-style:italic}.qcp-workspace{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-areas:"filters search cart";grid-template-columns:0 1fr 500px;transition:grid-template-columns .32s cubic-bezier(.4,0,.2,1)}.qcp-workspace--filters-open{grid-template-columns:240px 1fr 500px}.qcp-workspace__main{grid-area:search;min-width:0}.qcp-workspace__cart{grid-area:cart;min-width:0;width:100%}.qcp-filter-drawer{grid-area:filters;overflow:hidden}.qcp-filter-drawer__inner{background:var(--color-surface-elevated);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:14px;opacity:0;padding:1.25rem;pointer-events:none;position:-webkit-sticky;position:sticky;top:2rem;transform:translateX(-12px);transition:opacity .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1);width:240px}.qcp-filter-drawer--open .qcp-filter-drawer__inner{opacity:1;pointer-events:auto;transform:translateX(0)}.qcp-filter-drawer__header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem}.qcp-filter-drawer__title{color:#111827;color:var(--color-text-primary,#111827);font-family:Bebas Neue,sans-serif;font-size:1.1rem;letter-spacing:1px}.qcp-filter-clear-inline{background:#f292131a;border:1px solid #f292134d;border-radius:20px;color:#f29213;color:var(--color-primary,#f29213);cursor:pointer;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:700;padding:.2rem .6rem;transition:all .2s}.qcp-filter-clear-inline:hover{background:#f2921333}.qcp-search-toolbar{align-items:center;display:flex;gap:.75rem;margin-bottom:0}.qcp-filter-toggle{align-items:center;background:#ffffff0a;border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:12px;color:#9ca3af;color:var(--color-text-muted,#9ca3af);cursor:pointer;display:flex;flex-shrink:0;font-family:Outfit,sans-serif;font-size:.82rem;font-weight:600;gap:.45rem;padding:.65rem 1rem;transition:all .2s;white-space:nowrap}.qcp-filter-toggle svg{flex-shrink:0;height:15px;width:15px}.qcp-filter-toggle:hover{background:#ffffff12;border-color:#d1d5db;border-color:var(--color-border-strong,#d1d5db);color:#111827;color:var(--color-text-primary,#111827)}.qcp-filter-toggle--active{background:#f2921314;border-color:#f2921359;color:#f29213;color:var(--color-primary,#f29213)}.qcp-filter-toggle--active:hover{background:#f2921324}.qcp-filter-toggle__count{align-items:center;background:#f29213;background:var(--color-primary,#f29213);border-radius:50%;color:#f9fafb;color:var(--color-surface,#f9fafb);display:flex;flex-shrink:0;font-size:.65rem;font-weight:800;height:18px;justify-content:center;width:18px}.qcp-active-filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.qcp-filter-pill{align-items:center;background:#f2921314;border:1px solid #f2921340;border-radius:20px;color:#f29213;color:var(--color-primary,#f29213);display:inline-flex;font-family:Outfit,sans-serif;font-size:.72rem;font-weight:600;gap:.35rem;padding:.25rem .5rem .25rem .65rem}.qcp-filter-pill button{background:none;border:none;color:inherit;cursor:pointer;font-size:.65rem;line-height:1;opacity:.7;padding:0;transition:opacity .15s}.qcp-filter-pill button:hover{opacity:1}.qcp-collapsible{border-bottom:1px solid #ffffff0d}.qcp-collapsible:last-of-type{border-bottom:none}.qcp-collapsible__trigger{align-items:center;background:#0000;border:none;color:#111827;color:var(--color-text-primary,#111827);cursor:pointer;display:flex;gap:.5rem;padding:.85rem 0;text-align:left;width:100%}.qcp-collapsible__label{color:#9ca3af;color:var(--color-text-muted,#9ca3af);flex:1 1;font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;transition:color .2s}.qcp-collapsible--open .qcp-collapsible__label{color:#4b5563;color:var(--color-text-secondary,#4b5563)}.qcp-collapsible__badge{background:#f2921326;border:1px solid #f292134d;border-radius:20px;color:#f29213;color:var(--color-primary,#f29213);flex-shrink:0;font-family:Outfit,sans-serif;font-size:.62rem;font-weight:800;line-height:1.6;padding:.1rem .45rem}.qcp-collapsible__chevron{color:#9ca3af;color:var(--color-text-muted,#9ca3af);flex-shrink:0;height:14px;transition:transform .25s cubic-bezier(.4,0,.2,1);width:14px}.qcp-collapsible--open .qcp-collapsible__chevron{transform:rotate(180deg)}.qcp-collapsible__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.4,0,.2,1)}.qcp-collapsible--open .qcp-collapsible__body{grid-template-rows:1fr}.qcp-collapsible__inner{overflow:hidden;padding-bottom:0;transition:padding-bottom .28s cubic-bezier(.4,0,.2,1)}.qcp-collapsible--open .qcp-collapsible__inner{padding-bottom:1rem}@media (max-width:1200px){.qcp-body--split{grid-template-columns:200px 1fr}.qcp-panel--cart{grid-column:1/-1;position:static}.qcp-workspace,.qcp-workspace--filters-open{grid-template-areas:"search cart" "filters filters";grid-template-columns:1fr 400px}.qcp-filter-drawer{overflow:visible}.qcp-filter-drawer__inner{max-height:0;opacity:0;overflow:hidden;padding:0 1.25rem;pointer-events:none;position:static;transform:none;transition:max-height .32s ease,opacity .28s ease,padding .28s ease;width:100%}.qcp-filter-drawer--open .qcp-filter-drawer__inner{max-height:600px;opacity:1;padding:1.25rem;pointer-events:auto}}@media (max-width:900px){.qcp-body{grid-template-columns:1fr}.qcp-header{flex-direction:column}.qcp-header__steps{order:-1}}@media (max-width:768px){.qcp-body--split{grid-template-columns:1fr}.qcp-filters-sidebar{margin-bottom:1rem;position:static}.qcp-workspace,.qcp-workspace--filters-open{grid-template-areas:"search" "filters" "cart";grid-template-columns:1fr}}@media (max-width:560px){.qcp-wrapper{padding:1rem}.qcp-share-grid{grid-template-columns:1fr}.qcp-share-field--full{grid-column:1}.qcp-header__steps{display:none}.qcp-actions{flex-direction:column}}.qcp-field-row{grid-gap:0 1rem;display:grid;gap:0 1rem;grid-template-columns:1fr 1fr}.qcp-notes-section-label{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.7rem;font-weight:700;letter-spacing:.08em;margin-bottom:.75rem;padding-bottom:.4rem;text-transform:uppercase}@media (max-width:560px){.qcp-field-row{grid-template-columns:1fr}}.employee-dashboard-container{background-color:#f4f7f6;min-height:100vh}.dashboard-content{margin:2rem auto;max-width:1200px;padding:0 2rem}.dashboard-title{border-bottom:3px solid #3498db;color:#2c3e50;display:inline-block;font-size:2.5rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem;text-align:center}.campaign-info{color:#555;font-style:italic;margin-bottom:2rem;text-align:center}.error-message,.loading-message,.no-products-message{color:#7f8c8d;font-size:1.2rem;margin-top:4rem;text-align:center}.no-products-message h2{color:#34495e;font-size:2rem;margin-bottom:.5rem}.product-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:1rem 0}.pdp-wrapper{background:#fff;background:var(--color-background,#fff);font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);margin:0 auto;max-width:1200px;padding:1rem 2rem 4rem}.pdp-breadcrumb{align-items:center;color:#9ca3af;color:var(--color-text-muted,#9ca3af);display:flex;flex-wrap:wrap;font-size:.8rem;gap:.35rem;margin-bottom:1.5rem}.pdp-breadcrumb a{color:#4b5563;color:var(--color-text-secondary,#4b5563);text-decoration:none;transition:color .2s}.pdp-breadcrumb a:hover{color:#f29213;color:var(--color-primary,#f29213)}.pdp-breadcrumb span{color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.product-detail-container{grid-gap:2.5rem;align-items:start;animation:fadeInUp .4s ease-out;background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:16px;box-shadow:0 2px 12px #0000000f;display:grid;gap:2.5rem;grid-template-columns:400px 1fr;padding:2rem}.product-images-section{display:flex;flex-direction:column;gap:.75rem;position:-webkit-sticky;position:sticky;top:89px;top:var(--header-height,89px)}.main-image-wrapper{aspect-ratio:1;background:#f9fafb;background:var(--color-surface,#f9fafb);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:12px;cursor:zoom-in;overflow:hidden;position:relative;transition:border-color .25s,box-shadow .25s;width:100%}.main-image-wrapper:hover{border-color:#ffbca0;border-color:var(--color-primary-border,#ffbca0);box-shadow:0 4px 20px #f292131f}.product-detail-image{height:100%;object-fit:contain;padding:1rem;pointer-events:none;width:100%}.pdp-discount-ribbon{background:#f29213;background:var(--color-primary,#f29213);border-radius:6px;color:#fff;font-size:.85rem;font-weight:700;left:12px;letter-spacing:.3px;padding:.25rem .65rem;position:absolute;top:12px}.img-zoom-lens{background-color:#f292130f;border:1.5px solid #ffbca0;border:1.5px solid var(--color-primary-border,#ffbca0);border-radius:4px;cursor:none;height:100px;width:100px;z-index:10}.img-zoom-lens,.img-zoom-result{pointer-events:none;position:absolute}.img-zoom-result{background-color:var(--color-surface-elevated);background-repeat:no-repeat;border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:12px;box-shadow:0 8px 32px #0000001f;height:380px;left:calc(100% + 12px);opacity:0;top:0;transition:opacity .2s;visibility:hidden;width:380px;z-index:100}.img-zoom-result.active{opacity:1;visibility:visible}.thumbnail-gallery{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-color:#e5e7eb #0000;scrollbar-color:var(--color-border,#e5e7eb) #0000;scrollbar-width:thin}.thumbnail{background:#f9fafb;background:var(--color-surface,#f9fafb);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;cursor:pointer;flex-shrink:0;height:64px;object-fit:contain;padding:4px;transition:border-color .2s,transform .2s;width:64px}.thumbnail:hover{border-color:#ffbca0;border-color:var(--color-primary-border,#ffbca0);transform:translateY(-2px)}.thumbnail.active{border-color:#f29213;border-color:var(--color-primary,#f29213);box-shadow:0 0 0 2px #f2921326}.product-detail-info{display:flex;flex-direction:column;gap:0}.pdp-status-banner{animation:fadeInUp .3s ease-out;border-radius:8px;display:flex;flex-direction:column;font-size:.875rem;gap:.4rem;margin-bottom:1.25rem;padding:.85rem 1.1rem}.pdp-status-banner.pending{background:#fef3c7;background:var(--color-warning-subtle,#fef3c7);border:1px solid #fcd34d;color:#92400e;color:var(--color-warning-text,#92400e)}.pdp-status-banner.rejected{background:#fee2e2;background:var(--color-destructive-subtle,#fee2e2);border:1px solid #fca5a5;color:#b91c1c;color:var(--color-destructive-text,#b91c1c)}.pdp-feedback{background:#0000000a;border-left:3px solid;border-radius:4px;font-size:.82rem;font-weight:400;padding:.5rem .75rem}.pdp-top-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.6rem}.pdp-category-badge{background:#fff2eb;background:var(--color-primary-subtle,#fff2eb);border:1px solid #ffbca0;border:1px solid var(--color-primary-border,#ffbca0);border-radius:99px;color:#f29213;color:var(--color-primary,#f29213);font-size:.68rem;font-weight:700;letter-spacing:1.2px;padding:.2rem .65rem;text-transform:uppercase}.pdp-share-btn{background:#0000;border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:99px;color:#4b5563;color:var(--color-text-secondary,#4b5563);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.78rem;font-weight:500;padding:.32rem .85rem;transition:border-color .2s,color .2s}.pdp-share-btn:hover{border-color:#ffbca0;border-color:var(--color-primary-border,#ffbca0);color:#f29213;color:var(--color-primary,#f29213)}.product-detail-info h1{color:#111827;color:var(--color-text-primary,#111827);font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:clamp(1.4rem,2.5vw,1.9rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 1rem}.price-section{align-items:center;background:#f9fafb;background:var(--color-surface,#f9fafb);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:10px;display:flex;gap:1rem;margin-bottom:1.25rem;overflow:hidden;padding:1rem 1.25rem;position:relative;width:-webkit-fit-content;width:fit-content}.price-section:before{background:#f29213;background:var(--color-primary,#f29213);border-radius:3px 0 0 3px;content:"";height:100%;left:0;position:absolute;top:0;width:3px}.price{color:#111827;color:var(--color-text-primary,#111827);font-size:1.85rem;font-weight:700;line-height:1;margin:0}.price-gst-label{align-self:flex-end;color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.68rem;letter-spacing:.8px;margin:0 0 .15rem;text-transform:uppercase}.detail-price-wrapper{display:flex;flex-direction:column;gap:4px}.detail-price-current{color:#111827;color:var(--color-text-primary,#111827);font-size:1.85rem;font-weight:700;line-height:1}.detail-price-sub{align-items:center;display:flex;gap:8px}.detail-price-original{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:1rem;text-decoration:line-through}.detail-discount-badge{background:#f29213;background:var(--color-primary,#f29213);border-radius:4px;color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px}.description{color:#4b5563;color:var(--color-text-secondary,#4b5563);font-size:.9rem;line-height:1.65;max-width:96%}.attribute-section,.description{margin-bottom:1.25rem}.attribute-section h4{align-items:center;color:#9ca3af;color:var(--color-text-muted,#9ca3af);display:flex;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.78rem;font-weight:700;gap:.4rem;letter-spacing:.8px;margin:0 0 .5rem;text-transform:uppercase}.pdp-selected-label{color:#f29213;color:var(--color-primary,#f29213);font-size:.75rem;font-weight:600;letter-spacing:0;text-transform:none}.color-swatches,.size-boxes{display:flex;flex-wrap:wrap;gap:.6rem}.color-swatch{border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb);border-radius:50%;cursor:pointer;height:30px;transition:transform .2s,box-shadow .2s;width:30px}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{border-color:#f29213;border-color:var(--color-primary,#f29213);box-shadow:0 0 0 3px #f2921333}.size-box{background:#0000;border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;color:#4b5563;color:var(--color-text-secondary,#4b5563);cursor:pointer;font-size:.82rem;font-weight:600;padding:.38rem 1rem;transition:border-color .18s,color .18s,background .18s}.size-box:hover{border-color:#ffbca0;border-color:var(--color-primary-border,#ffbca0);color:#f29213;color:var(--color-primary,#f29213)}.size-box:focus{outline:none}.size-box:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.size-box.selected{background:#f29213;background:var(--color-primary,#f29213);border-color:#f29213;border-color:var(--color-primary,#f29213);color:#fff}.pdp-qty-row{gap:.6rem}.pdp-qty-btn,.pdp-qty-row{align-items:center;display:flex}.pdp-qty-btn{background:#f9fafb;background:var(--color-surface,#f9fafb);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;color:#111827;color:var(--color-text-primary,#111827);cursor:pointer;flex-shrink:0;font-size:1.1rem;height:36px;justify-content:center;transition:border-color .18s,background .18s;width:36px}.pdp-qty-btn:hover{background:#fff2eb;background:var(--color-primary-subtle,#fff2eb);border-color:#ffbca0;border-color:var(--color-primary-border,#ffbca0)}.pdp-qty-input{-moz-appearance:textfield;background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;color:#111827;color:var(--color-text-primary,#111827);font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.95rem;font-weight:600;height:36px;outline:none;text-align:center;transition:border-color .18s;width:64px}.pdp-qty-input::-webkit-inner-spin-button,.pdp-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pdp-qty-input:focus{border-color:#f29213;border-color:var(--color-primary,#f29213);outline:none}.pdp-qty-input:focus-visible{box-shadow:0 0 0 3px #f2921326}.pdp-qty-avail{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.72rem}.pdp-cta-row{margin-bottom:1.5rem}.add-to-cart-detail-btn{background:#f29213;background:var(--color-primary,#f29213);border:none;border-radius:10px;box-shadow:0 4px 16px #f292134d;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:1rem;font-weight:700;max-width:360px;overflow:hidden;padding:.9rem 2rem;position:relative;transition:background .22s,transform .15s,box-shadow .22s;width:100%}.add-to-cart-detail-btn:hover:not(:disabled){background:#d97d0a;background:var(--color-primary-hover,#d97d0a);box-shadow:0 6px 22px #f2921361;transform:translateY(-1px)}.add-to-cart-detail-btn:active:not(:disabled){transform:scale(.99)}.add-to-cart-detail-btn:focus{outline:none}.add-to-cart-detail-btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.add-to-cart-detail-btn:disabled{background:#d1d5db;background:var(--color-border-strong,#d1d5db);box-shadow:none;color:#9ca3af;color:var(--color-text-muted,#9ca3af);cursor:not-allowed}.pdp-admin-actions{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;max-width:360px;width:100%}.pdp-btn-approve,.pdp-btn-reject{border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.95rem;font-weight:700;padding:.85rem 1rem;transition:background .2s,transform .15s,box-shadow .2s}.pdp-btn-approve:hover,.pdp-btn-reject:hover{transform:translateY(-1px)}.pdp-btn-approve:active,.pdp-btn-reject:active{transform:scale(.98)}.pdp-btn-approve:focus,.pdp-btn-reject:focus{outline:none}.pdp-btn-approve:focus-visible,.pdp-btn-reject:focus-visible{outline:3px solid currentColor;outline-offset:3px}.pdp-btn-approve{background:#16a34a;background:var(--color-success,#16a34a);box-shadow:0 4px 14px #16a34a4d}.pdp-btn-approve:hover{background:#15803d;background:var(--color-success-text,#15803d)}.pdp-btn-reject{background:#dc2626;background:var(--color-destructive,#dc2626);box-shadow:0 4px 14px #dc26264d}.pdp-btn-reject:hover{background:#b91c1c;background:var(--color-destructive-text,#b91c1c)}.pdp-reject-panel{animation:fadeInUp .2s ease-out;background:#fee2e2;background:var(--color-destructive-subtle,#fee2e2);border:1px solid #fca5a5;border-radius:10px;display:flex;flex-direction:column;gap:.6rem;margin-top:.75rem;max-width:360px;padding:1rem}.pdp-reject-panel label{color:#b91c1c;color:var(--color-destructive-text,#b91c1c);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.pdp-reject-textarea{background:var(--color-surface-elevated);border:1.5px solid #fca5a5;border-radius:6px;box-sizing:border-box;color:#111827;color:var(--color-text-primary,#111827);font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.85rem;min-height:80px;outline:none;padding:.6rem .75rem;resize:vertical;transition:border-color .18s;width:100%}.pdp-reject-textarea:focus{border-color:#dc2626;border-color:var(--color-destructive,#dc2626)}.pdp-reject-actions{display:flex;gap:.5rem}.pdp-reject-submit{background:#dc2626;background:var(--color-destructive,#dc2626);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.82rem;font-weight:700;padding:.6rem;transition:background .18s}.pdp-reject-submit:hover:not(:disabled){background:#b91c1c}.pdp-reject-submit:disabled{cursor:not-allowed;opacity:.55}.pdp-reject-cancel{background:#0000;background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:6px;color:#4b5563;color:var(--color-text-secondary,#4b5563);cursor:pointer;font-size:.82rem;font-weight:600;padding:.6rem .85rem}.pdp-tabs{margin-top:.5rem}.pdp-tab-list{border-bottom:1.5px solid #e5e7eb;border-bottom:1.5px solid var(--color-border,#e5e7eb);display:flex;gap:0;margin-bottom:1rem}.pdp-tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:#9ca3af;color:var(--color-text-muted,#9ca3af);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:-1.5px;padding:.55rem 1rem;text-transform:uppercase;transition:color .2s,border-bottom-color .2s}.pdp-tab-btn:hover{color:#4b5563;color:var(--color-text-secondary,#4b5563)}.pdp-tab-btn:focus{outline:none}.pdp-tab-btn:focus-visible{border-radius:3px;outline:2px solid var(--color-primary);outline-offset:2px}.pdp-tab-btn--active{border-bottom-color:#f29213;border-bottom-color:var(--color-primary,#f29213);color:#f29213;color:var(--color-primary,#f29213)}.details-section,.pdp-tab-content{padding-top:.5rem}.details-section{grid-gap:.4rem 1.5rem;display:grid;gap:.4rem 1.5rem;grid-template-columns:1fr 1fr}.details-section p{align-items:baseline;color:#4b5563;color:var(--color-text-secondary,#4b5563);display:flex;font-size:.875rem;gap:.5rem;margin:.25rem 0}.details-section strong{color:#9ca3af;color:var(--color-text-muted,#9ca3af);flex-shrink:0;font-size:.75rem;font-weight:600;letter-spacing:.5px;min-width:100px;text-transform:uppercase}.details-section.employee-details{background:#fff2eb;background:var(--color-primary-subtle,#fff2eb);border:1.5px dashed #ffbca0;border:1.5px dashed var(--color-primary-border,#ffbca0);border-radius:10px;display:block;padding:1rem;position:relative}.details-section.employee-details:before{content:"🔒";font-size:1.1rem;opacity:.4;position:absolute;right:1rem;top:1rem}.details-section.employee-details p{margin:.4rem 0}.pdp-related{margin-top:3rem}.pdp-related__title{color:#111827;color:var(--color-text-primary,#111827);font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:700;letter-spacing:-.02em;margin:0 0 1.25rem}.pdp-related__title span{color:#f29213;color:var(--color-primary,#f29213)}.pdp-related__grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.pdp-related__card{background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:12px;cursor:pointer;overflow:hidden;transition:box-shadow .22s,transform .22s,border-color .22s}.pdp-related__card:hover{border-color:#ffbca0;border-color:var(--color-primary-border,#ffbca0);box-shadow:0 8px 24px #00000017;transform:translateY(-3px)}.pdp-related__img{align-items:center;aspect-ratio:1;background:#f9fafb;background:var(--color-surface,#f9fafb);display:flex;justify-content:center;overflow:hidden}.pdp-related__img img{height:100%;object-fit:contain;padding:.75rem;width:100%}.pdp-related__img span{font-size:2rem;opacity:.3}.pdp-related__info{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);padding:.75rem}.pdp-related__name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#111827;color:var(--color-text-primary,#111827);display:-webkit-box;font-size:.8rem;font-weight:600;line-height:1.3;margin-bottom:.3rem;overflow:hidden}.pdp-related__price{color:#f29213;color:var(--color-primary,#f29213);font-size:.85rem;font-weight:700}.pc-modal-overlay{align-items:center;animation:fadeIn .15s ease;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.pc-modal{animation:modalSlideUp .2s cubic-bezier(.22,1,.36,1);background:var(--color-surface-elevated);border-radius:12px;box-shadow:0 20px 60px #0003;max-width:calc(100vw - 32px);padding:1.5rem;position:relative;width:400px}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.pc-modal__close{background:none;border:none;border-radius:4px;color:#9ca3af;color:var(--color-text-muted,#9ca3af);cursor:pointer;font-size:1.1rem;line-height:1;padding:4px;position:absolute;right:14px;top:12px;transition:color .15s,background .15s}.pc-modal__close:hover{background:#f9fafb;background:var(--color-surface,#f9fafb)}.pc-modal__close:hover,.pc-modal__title{color:#111827;color:var(--color-text-primary,#111827)}.pc-modal__title{font-size:1rem;font-weight:700;margin:0 0 1.1rem}.pc-modal__options{display:flex;flex-direction:column;gap:.5rem}.pc-modal__btn-personal{align-items:center;background:#f29213;background:var(--color-primary,#f29213);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.7rem 1rem;text-align:left;transition:background .18s;width:100%}.pc-modal__btn-personal:hover{background:#d97d0a;background:var(--color-primary-hover,#d97d0a)}.pc-modal__divider{border:none;border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);margin:.25rem 0}.pc-modal__workspace-label{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.75rem;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.pc-modal__btn-workspace{align-items:center;background:#f9fafb;background:var(--color-surface,#f9fafb);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;color:#111827;color:var(--color-text-primary,#111827);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.65rem 1rem;text-align:left;transition:border-color .18s,background .18s;width:100%}.pc-modal__btn-workspace:hover{background:#fff2eb;background:var(--color-primary-subtle,#fff2eb);border-color:#ffbca0;border-color:var(--color-primary-border,#ffbca0)}@media (max-width:960px){.product-detail-container{gap:1.5rem;grid-template-columns:1fr;padding:1.5rem}.product-images-section{margin:0 auto;max-width:400px;position:static}.details-section{grid-template-columns:1fr}.pdp-related__grid{grid-template-columns:repeat(2,1fr)}.img-zoom-result{display:none!important}}@media (max-width:640px){.pdp-wrapper{padding:.5rem 1rem 5rem}.product-detail-container{border-radius:12px;margin:0;padding:1rem}.product-images-section{max-width:100%}.add-to-cart-detail-btn{animation:slideUp .35s cubic-bezier(.22,1,.36,1) .2s backwards;border-radius:10px;bottom:1rem;font-size:1rem;left:1rem;margin:0;max-width:none;padding:1rem;position:fixed;right:1rem;width:auto;z-index:200}@keyframes slideUp{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}.pdp-admin-actions{max-width:none;width:100%}.pdp-related__grid{grid-template-columns:repeat(2,1fr)}.pdp-cta-row{padding-bottom:4rem}.details-section{display:flex;flex-direction:column}}.oidc-config-container{animation:fadeIn .4s ease-out;background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:12px;box-shadow:0 4px 16px #0000000f;margin:2rem auto;max-width:700px;padding:2rem 2.5rem}.oidc-config-container h2{color:#111827;color:var(--color-text-primary,#111827);font-size:1.6rem;font-weight:700;margin-bottom:.5rem;margin-top:0;text-align:center}.oidc-config-container p{color:#4b5563;color:var(--color-text-secondary,#4b5563);font-size:.95rem;margin-bottom:2rem;text-align:center}.oidc-config-form{grid-gap:1.25rem;display:grid;gap:1.25rem}.oidc-config-form .form-group{display:flex;flex-direction:column}.oidc-config-form label{color:#4b5563;color:var(--color-text-secondary,#4b5563);font-size:.78rem;font-weight:600;letter-spacing:.5px;margin-bottom:.4rem;text-transform:uppercase}.oidc-config-form input,.oidc-config-form select{background:#f9fafb;background:var(--color-surface,#f9fafb);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;box-sizing:border-box;color:#111827;color:var(--color-text-primary,#111827);font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.9rem;outline:none;padding:.7rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.oidc-config-form input:focus,.oidc-config-form select:focus{border-color:#f29213;border-color:var(--color-primary,#f29213);box-shadow:0 0 0 3px #f292131f}.conditional-field{animation:fadeIn .3s ease-out}.oidc-config-form button{background:#f29213;background:var(--color-primary,#f29213);border:none;border-radius:8px;box-shadow:0 3px 10px #f2921347;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.9rem;font-weight:700;margin-top:.5rem;padding:.8rem;transition:background .18s,transform .12s;width:100%}.oidc-config-form button:hover{background:#d97d0a;background:var(--color-primary-hover,#d97d0a);transform:translateY(-1px)}.oidc-config-form button:disabled{background:#d1d5db;background:var(--color-border-strong,#d1d5db);box-shadow:none;color:#9ca3af;color:var(--color-text-muted,#9ca3af);cursor:not-allowed;transform:none}.modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:fadeIn .3s ease-out;background-color:var(--color-surface-elevated);border-radius:.75rem;box-shadow:0 10px 25px #0000001a;max-width:500px;padding:2rem;width:100%}.modal-content h2{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);color:#111827;color:var(--color-text-primary,#111827);font-size:1.5rem;margin-top:0;padding-bottom:1rem}.form-group,.modal-content h2{margin-bottom:1.5rem}.form-group label{color:#4b5563;color:var(--color-text-secondary,#4b5563);display:block;font-weight:600;margin-bottom:.5rem}.form-group input{border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:.5rem;box-sizing:border-box;font-size:1rem;padding:12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus{border-color:#f29213;border-color:var(--color-primary,#f29213);box-shadow:0 0 0 3px #4f46e533;outline:none}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem}.modal-actions button{border:none;border-radius:.5rem;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.modal-actions .btn-primary{background-color:#f29213;background-color:var(--color-primary,#f29213);color:#fff}.modal-actions .btn-primary:hover{background-color:#d97d0a;background-color:var(--color-primary-hover,#d97d0a)}.modal-actions .btn-secondary{background-color:#f3f4f6;border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);color:#4b5563;color:var(--color-text-secondary,#4b5563)}.modal-actions .btn-secondary:hover{background-color:#e5e7eb}.error-message{background-color:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;color:#991b1b;margin-bottom:1.5rem;text-align:center}.modal-backdrop{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 15px #0003;overflow:hidden}.product-selection-modal{display:flex;flex-direction:column;height:90vh;max-width:80vw;width:1000px}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.modal-header h2{font-size:1.25rem;margin:0}.close-button{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.75rem;line-height:1}.modal-body-with-sidebar{display:flex;flex-grow:1;overflow:hidden}.category-sidebar{background-color:#f9fafb;border-right:1px solid #e5e7eb;flex-shrink:0;overflow-y:auto;padding:1rem;width:200px}.category-sidebar h4{color:#374151;font-size:1rem;font-weight:600;margin-bottom:1rem;margin-top:0}.category-sidebar ul{list-style:none;margin:0;padding:0}.category-sidebar li{border-radius:6px;color:#4b5563;cursor:pointer;font-weight:500;padding:.75rem;transition:background-color .2s,color .2s}.category-sidebar li:hover{background-color:#f3f4f6}.category-sidebar li.active{background-color:#f29213;background-color:var(--color-primary,#f29213);color:#fff}.product-grid-main-content{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;padding:1.5rem}.select-all-container{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:20px;padding:15px}.select-all-container label{align-items:center;cursor:pointer;display:flex;font-size:1.1rem;font-weight:500}.select-all-container input[type=checkbox]{height:20px;margin-right:15px;width:20px}.product-grid-container{flex-grow:1;transition:opacity .3s}.product-grid-container.disabled{opacity:.5;pointer-events:none}.product-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.product-card-selectable{border:1px solid #ddd;border-radius:8px;padding:10px;text-align:center;transition:box-shadow .2s,border-color .2s}.product-card-selectable label{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:10px}.product-card-selectable input[type=checkbox]{align-self:flex-start}.product-card-selectable img{border-radius:4px;height:100px;object-fit:cover;width:100px}.product-card-selectable p{font-size:.85rem;font-weight:500;line-height:1.3;margin:0}.modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.modal-footer .btn-primary,.modal-footer .btn-secondary{border-radius:6px;cursor:pointer;font-weight:600;padding:10px 20px}.modal-footer .btn-primary{background-color:#f29213;background-color:var(--color-primary,#f29213);border:none;color:#fff}.modal-footer .btn-secondary{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.error-message{background-color:#fef2f2;border-radius:6px;color:#dc2626;margin-bottom:1rem;padding:.75rem}.company-admin-container{font-family:Inter,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.company-admin-header{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding-bottom:1.5rem}.company-admin-header h1{color:#111827;font-size:2.25rem;font-weight:700}.company-admin-header p{color:#6b7280;font-size:1.125rem;margin-top:.5rem}.company-admin-main{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.admin-widget{background-color:var(--color-surface-elevated);border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000000d;display:flex;flex-direction:column;padding:1.5rem}.admin-widget h2{color:#111827;font-size:1.25rem;font-weight:600;margin-top:0}.admin-widget p{color:#6b7280;flex-grow:1}.widget-actions{margin-top:1.5rem}.widget-actions button{background-color:#f29213;background-color:var(--color-primary,#f29213);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1rem;transition:background-color .2s;width:100%}.widget-actions button:disabled{background-color:#d1d5db;cursor:not-allowed}.widget-actions button:hover:not(:disabled){background-color:#d97d0a;background-color:var(--color-primary-hover,#d97d0a)}.campaigns-list{border:1px solid #e5e7eb;border-radius:8px;flex-grow:1;margin-top:1.5rem;overflow:hidden}.campaigns-list ul{list-style:none;margin:0;padding:0}.campaigns-list li{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:background-color .2s}.campaigns-list li:last-child{border-bottom:none}.campaigns-list li:hover{background-color:#f9fafb}.campaigns-list li.selected{background-color:#eef2ff;border-left:4px solid #f29213;border-left:4px solid var(--color-primary,#f29213);padding-left:calc(1rem - 4px)}.campaign-details{align-items:center;display:flex;gap:.75rem}.campaign-status-indicator{background-color:#d1d5db;border-radius:50%;flex-shrink:0;height:10px;width:10px}.campaign-status-indicator.active{background-color:#22c55e}.campaign-name{color:#374151;font-weight:600}.campaign-actions{display:flex;flex-wrap:nowrap;gap:.5rem}.campaign-actions button{border:1px solid #0000;border-radius:6px;font-size:.8rem;font-weight:500;padding:.3rem .6rem;white-space:nowrap}.add-products-btn{background-color:#e0e7ff;color:#4338ca}.edit-btn{background-color:#d1fae5;color:#065f46}.delete-btn{background-color:#fee2e2;color:#991b1b}.toggle-status-btn.activate{background-color:#dcfce7;color:#166534}.toggle-status-btn.deactivate{background-color:#f3f4f6;color:#4b5563}.no-campaigns-message{color:#6b7280;padding:2rem;text-align:center}.product-list-widget{border-top:1px solid #e5e7eb;margin-top:1rem;max-height:250px;overflow-y:auto;padding-top:1rem}.product-list-widget ul{list-style:none;margin:0;padding:0}.product-list-widget li{align-items:center;display:flex;padding:.5rem 0}.product-list-widget img{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 2px #0000000d;height:40px;margin-right:1rem;object-fit:cover;width:40px}.product-list-widget span{color:#374151;font-weight:500}.no-products-message{color:#6b7280;padding:2rem 0;text-align:center}.oidc-modal{display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.oidc-modal .oidc-config-container{overflow-y:auto;padding:1.5rem}.qvp-gate-wrapper{align-items:center;background:#fff;background:var(--color-background,#fff);display:flex;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.qvp-gate-bg{animation:gateBgPulse 8s ease-in-out infinite alternate;background:radial-gradient(ellipse 60% 50% at 20% 30%,#f2921314 0,#0000 60%),radial-gradient(ellipse 50% 60% at 80% 70%,#f2921312 0,#0000 60%);inset:0;pointer-events:none;position:fixed;z-index:0}@keyframes gateBgPulse{0%{opacity:.7}to{opacity:1}}.qvp-gate-card{animation:gateCardIn .5s cubic-bezier(.22,1,.36,1);background:var(--color-surface-elevated);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:14px;box-shadow:0 24px 64px #00000080,inset 0 0 0 1px #ffffff0a;max-width:460px;padding:2.5rem 2rem;position:relative;width:100%;z-index:1}@keyframes gateCardIn{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.qvp-gate-logo{display:flex;justify-content:center;margin-bottom:1.25rem}.qvp-gate-logo__icon{align-items:center;background:#f292131f;border:1px solid #f292134d;border-radius:14px;display:flex;font-size:1.5rem;height:52px;justify-content:center;width:52px}.qvp-gate-title{color:#111827;color:var(--color-text-primary,#111827);font-family:Bebas Neue,sans-serif;font-size:2.2rem;letter-spacing:1.5px;margin:0 0 .5rem;text-align:center}.qvp-gate-sub{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.85rem;line-height:1.6;margin-bottom:1.75rem;text-align:center}.qvp-gate-form{gap:1rem}.qvp-gate-field,.qvp-gate-form{display:flex;flex-direction:column}.qvp-gate-field{gap:.35rem}.qvp-gate-field label{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.68rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.qvp-gate-field label span{font-weight:400;letter-spacing:0;opacity:.7;text-transform:none}.qvp-gate-field input{background:#f9fafb;background:var(--color-surface,#f9fafb);border:1px solid #d1d5db;border:1px solid var(--color-border-strong,#d1d5db);border-radius:8px;color:#111827;color:var(--color-text-primary,#111827);font-family:Outfit,sans-serif;font-size:.9rem;padding:.8rem 1rem;transition:all .2s;width:100%}.qvp-gate-field input::placeholder{color:#9ca3af;color:var(--color-text-muted,#9ca3af);opacity:.6}.qvp-gate-field input:focus{border-color:#f29213;border-color:var(--color-primary,#f29213);box-shadow:0 0 0 3px #f292131f;outline:none}.qvp-gate-field__hint{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.7rem;line-height:1.4;opacity:.7}.qvp-gate-pass-wrap{position:relative}.qvp-gate-pass-wrap input{padding-right:3rem}.qvp-gate-pass-wrap button{background:#0000;border:none;cursor:pointer;font-size:1rem;padding:0;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.qvp-gate-error{background:#ff3c3c1a;border:1px solid #ff3c3c4d;border-radius:8px;color:#ff8080;font-size:.8rem;padding:.7rem .9rem;text-align:center}.qvp-gate-submit{align-items:center;background:#f29213;background:var(--color-primary,#f29213);border:none;border-radius:12px;box-shadow:0 6px 20px #f2921359;color:#fff;cursor:pointer;display:flex;font-family:Bebas Neue,sans-serif;font-size:1.1rem;justify-content:center;letter-spacing:2px;margin-top:.25rem;min-height:48px;padding:.9rem;transition:all .25s;width:100%}.qvp-gate-submit:hover:not(:disabled){box-shadow:0 8px 24px #f2921380;transform:translateY(-1px)}.qvp-gate-submit:disabled{cursor:not-allowed;opacity:.65}.qvp-gate-spinner{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.qvp-gate-footer{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.72rem;margin-top:1.5rem;opacity:.6;text-align:center}.qvp-quote-wrapper{color:#111827;color:var(--color-text-primary,#111827);font-family:Outfit,sans-serif;min-height:100vh;padding:3rem 2rem 5rem;position:relative}.qvp-quote-bg{background:radial-gradient(ellipse 40% 50% at 90% 10%,#ff6b350f 0,#0000 60%),radial-gradient(ellipse 50% 40% at 5% 80%,#00d9ff0d 0,#0000 60%);inset:0;pointer-events:none;position:fixed;z-index:0}.qvp-quote-doc{animation:docIn .6s cubic-bezier(.22,1,.36,1);background:var(--color-surface-elevated);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:14px;box-shadow:0 32px 80px #00000080;margin:0 auto;max-width:960px;overflow:hidden;position:relative;z-index:1}@keyframes docIn{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.qvp-doc-header{align-items:flex-start;background:linear-gradient(135deg,#ff6b350f,#0000 60%);display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;padding:2rem 2.5rem 1.5rem}.qvp-doc-brand{-webkit-text-fill-color:#0000;background:#f29213;background:var(--color-primary,#f29213);-webkit-background-clip:text;background-clip:text;font-family:Bebas Neue,sans-serif;font-size:2.4rem;letter-spacing:3px;line-height:1}.qvp-doc-tagline{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.75rem;letter-spacing:1.5px;margin-top:.25rem;text-transform:uppercase}.qvp-doc-header__right{display:flex;flex-direction:column;gap:.5rem;text-align:right}.qvp-doc-meta-row{align-items:center;display:flex;gap:.75rem;justify-content:flex-end}.qvp-doc-meta-label{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.62rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.qvp-doc-meta-val{color:#111827;color:var(--color-text-primary,#111827);font-size:.85rem;font-weight:600}.qvp-doc-meta-val--highlight{color:#f29213;color:var(--color-primary,#f29213);font-family:Bebas Neue,sans-serif;font-size:1rem;letter-spacing:.5px}.qvp-doc-divider{background:linear-gradient(90deg,#f29213,#f29213,#0000);background:linear-gradient(to right,var(--color-primary,#f29213),var(--color-primary,#f29213),#0000);height:1px;margin:0 2.5rem;opacity:.5}.qvp-section-head{align-items:baseline;display:flex;gap:.75rem;padding:1.5rem 2.5rem .75rem}.qvp-section-head__title{color:#111827;color:var(--color-text-primary,#111827);font-family:Bebas Neue,sans-serif;font-size:1.4rem;letter-spacing:1px;margin:0}.qvp-section-head__count{background:#ffffff0f;border-radius:50px;font-size:.72rem;font-weight:600;letter-spacing:1px;padding:.2rem .6rem}.qvp-items-header,.qvp-section-head__count{color:#9ca3af;color:var(--color-text-muted,#9ca3af);text-transform:uppercase}.qvp-items-header{grid-gap:1rem;align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);display:grid;font-size:.62rem;font-weight:700;gap:1rem;grid-template-columns:32px 52px 1fr 150px 130px;letter-spacing:1.5px;padding:0 2.5rem .5rem}.qvp-items-header__breakdown{text-align:left}.qvp-items-header__total{text-align:right}.qvp-items-list{display:flex;flex-direction:column;gap:0;padding:.5rem 2.5rem}.qvp-item{grid-gap:1rem;align-items:center;animation:itemFadeIn .4s ease both;border-bottom:1px solid #ffffff0a;display:grid;gap:1rem;grid-template-columns:32px 52px 1fr 150px 130px;padding:.85rem 0;transition:background .15s}@keyframes itemFadeIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.qvp-item:last-child{border-bottom:none}.qvp-item:hover{background:#ffffff05;border-radius:6px;margin:0 -.5rem;padding-left:.5rem;padding-right:.5rem}.qvp-item__num{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-family:Bebas Neue,sans-serif;font-size:.9rem;line-height:1;opacity:.5;text-align:center}.qvp-item__img{align-items:center;background:#f9fafb;background:var(--color-surface,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;display:flex;flex-shrink:0;height:52px;justify-content:center;overflow:hidden;width:52px}.qvp-item__img img{height:100%;object-fit:contain;padding:4px;width:100%}.qvp-item__placeholder{font-size:1.4rem;opacity:.3}.qvp-item__info{min-width:0}.qvp-item__name{color:#111827;color:var(--color-text-primary,#111827);font-size:.9rem;font-weight:600;line-height:1.3;margin-bottom:.25rem}.qvp-item__meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.qvp-item__qty{background:#00d9ff14;border-radius:50px;color:#f29213;color:var(--color-primary,#f29213);font-size:.72rem;font-weight:600;padding:.1rem .5rem}.qvp-item__unit{font-size:.72rem}.qvp-item__mrp,.qvp-item__unit{color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.qvp-item__mrp{background:#ffffff0a;border-radius:4px;font-size:.68rem;opacity:.55;padding:.1rem .4rem;text-decoration:line-through}.qvp-item__breakdown{display:flex;flex-direction:column;gap:4px}.qvp-item__breakdown-row{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.qvp-item__breakdown-label{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.68rem;white-space:nowrap}.qvp-item__breakdown-val{color:#4b5563;color:var(--color-text-secondary,#4b5563);font-size:.78rem;font-weight:600;white-space:nowrap}.qvp-item__breakdown-row--gst .qvp-item__breakdown-label{color:#f29213;color:var(--color-primary,#f29213);font-style:italic;opacity:.8}.qvp-item__breakdown-row--gst .qvp-item__breakdown-val{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-style:italic;font-weight:400}.qvp-item__subtotal{color:#111827;color:var(--color-text-primary,#111827);font-family:Bebas Neue,sans-serif;font-size:1.15rem;text-align:right;white-space:nowrap}.qvp-totals{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);display:flex;flex-direction:column;gap:.4rem;margin:0 2.5rem;padding:1.25rem 0}.qvp-totals__row{color:#4b5563;color:var(--color-text-secondary,#4b5563);display:flex;font-size:.82rem;gap:2rem;justify-content:flex-end}.qvp-totals__row>span:last-child{font-weight:600;min-width:130px;text-align:right}.qvp-totals__row--note>span:last-child{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.75rem;font-style:italic;font-weight:400}.qvp-totals__grand{align-items:baseline;border-top:2px solid #ff6b354d;color:#111827;color:var(--color-text-primary,#111827);display:flex;font-size:.9rem;font-weight:700;gap:2rem;justify-content:flex-end;margin-top:.5rem;padding-top:.75rem}.qvp-totals__grand-val{-webkit-text-fill-color:#0000;background:#f29213;background:var(--color-primary,#f29213);-webkit-background-clip:text;background-clip:text;font-family:Bebas Neue,sans-serif;font-size:2rem;line-height:1;min-width:130px;text-align:right}.qvp-doc-footer{background:#ffffff03;border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);padding:1.5rem 2.5rem 2rem}.qvp-doc-footer__note{background:#ffffff08;border-left:3px solid #ff6b3566;border-radius:0 6px 6px 0;color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.75rem;line-height:1.6;margin-bottom:1.25rem;padding:.85rem 1rem}.qvp-doc-footer__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.qvp-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;gap:.4rem;padding:.65rem 1.25rem;transition:all .2s}.qvp-action-btn--print{background:#f29213;background:var(--color-primary,#f29213);box-shadow:0 4px 14px #ff6b354d;color:#fff}.qvp-action-btn--print:hover{box-shadow:0 6px 18px #ff6b3573;transform:translateY(-1px)}.qvp-action-btn--share{background:#00d9ff1a;border:1px solid #00d9ff4d;color:#f29213;color:var(--color-primary,#f29213)}.qvp-action-btn--share:hover{background:#00d9ff2e}.qvp-doc-footer__brand{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.7rem;letter-spacing:.5px;opacity:.5;text-align:center}@media (max-width:700px){.qvp-quote-wrapper{padding:1rem .5rem 4rem}.qvp-quote-doc{border-radius:12px}.qvp-doc-header{flex-direction:column;padding:1.5rem 1.5rem 1rem}.qvp-doc-header__right{text-align:left}.qvp-doc-meta-row{justify-content:flex-start}.qvp-doc-divider,.qvp-doc-footer,.qvp-items-header,.qvp-items-list,.qvp-section-head,.qvp-totals{padding-left:1.5rem;padding-right:1.5rem}.qvp-item,.qvp-items-header{grid-template-columns:44px 1fr 90px}.qvp-item__breakdown,.qvp-item__num,.qvp-items-header__breakdown,.qvp-items-header__num{display:none}.qvp-item__img{height:44px;width:44px}.qvp-totals__grand-val{font-size:1.6rem}}@media (max-width:400px){.qvp-gate-card{padding:1.5rem 1.25rem}.qvp-doc-header{padding:1rem}.qvp-doc-divider,.qvp-doc-footer,.qvp-items-header,.qvp-items-list,.qvp-section-head,.qvp-totals{padding-left:1rem;padding-right:1rem}.qvp-item,.qvp-items-header{grid-template-columns:40px 1fr 80px}}.qvp-buyer-block{background:#00d9ff05;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);padding:1rem 2.5rem}.qvp-buyer-block__label{color:#f29213;color:var(--color-primary,#f29213);font-size:.6rem;font-weight:700;letter-spacing:1.5px;margin-bottom:.3rem;text-transform:uppercase}.qvp-buyer-block__name{color:#111827;color:var(--color-text-primary,#111827);font-size:.95rem;font-weight:700;margin-bottom:.15rem}.qvp-buyer-block__addr{color:#4b5563;color:var(--color-text-secondary,#4b5563);font-size:.8rem;line-height:1.5;margin-bottom:.25rem;white-space:pre-line}.qvp-buyer-block__meta-row{color:#9ca3af;color:var(--color-text-muted,#9ca3af);display:flex;flex-wrap:wrap;font-size:.75rem;gap:1.25rem}.qvp-ref-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.qvp-ref-grid,.qvp-ref-item{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb)}.qvp-ref-item{border-right:1px solid #e5e7eb;border-right:1px solid var(--color-border,#e5e7eb);display:flex;flex-direction:column;gap:.15rem;padding:.6rem 1rem .6rem 2.5rem}.qvp-ref-item:last-child{border-right:none}.qvp-ref-item__label{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.6rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.qvp-ref-item__val{color:#111827;color:var(--color-text-primary,#111827);font-size:.8rem;font-weight:500}.qvp-totals__eoe{align-self:flex-end;color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.68rem;font-style:italic;margin-top:.1rem;opacity:.6}.qvp-bank-sign-row{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);display:grid;grid-template-columns:1fr 1fr}.qvp-bank{border-right:1px solid #e5e7eb;border-right:1px solid var(--color-border,#e5e7eb);padding:1.25rem 2.5rem}.qvp-bank__title{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.62rem;font-weight:700;letter-spacing:1.2px;margin-bottom:.65rem;text-transform:uppercase}.qvp-bank__row{color:#4b5563;color:var(--color-text-secondary,#4b5563);display:flex;font-size:.78rem;gap:.5rem;margin-bottom:.2rem}.qvp-bank__row>span:first-child{font-weight:600;min-width:130px}.qvp-bank__pan,.qvp-bank__row>span:first-child{color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.qvp-bank__pan{font-size:.75rem;margin-top:.6rem}.qvp-sign{align-items:flex-end;display:flex;flex-direction:column;padding:1.25rem 2.5rem;text-align:right}.qvp-sign__for{color:#111827;color:var(--color-text-primary,#111827);font-size:.78rem;font-weight:700}.qvp-sign__spacer{flex:1 1;min-height:2.5rem}.qvp-sign__line{background:#e5e7eb;background:var(--color-border,#e5e7eb);height:1px;margin-bottom:.4rem;width:140px}.qvp-sign__label{font-size:.62rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.qvp-sign__label,.qvp-sign__prepared{color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.qvp-sign__prepared{font-size:.72rem;font-style:italic;margin-top:.2rem}@media (max-width:700px){.qvp-buyer-block{padding-right:1.5rem}.qvp-buyer-block,.qvp-ref-item{padding-left:1.5rem}.qvp-bank-sign-row{grid-template-columns:1fr}.qvp-bank{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);border-right:none}.qvp-bank,.qvp-sign{padding-left:1.5rem;padding-right:1.5rem}.qvp-sign{align-items:flex-start;text-align:left}.qvp-sign__line{margin-top:1.5rem}}.qvp-print-toolbar{display:flex;gap:.75rem;justify-content:flex-end;margin:0 auto 1.25rem;max-width:960px}.qvp-pi-letterhead{align-items:flex-start;border-bottom:2px solid #f29213;border-bottom:2px solid var(--color-primary,#f29213);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.75rem 2.25rem 1.25rem}.qvp-pi-letterhead__logo{-webkit-text-fill-color:#0000;background:#f29213;background:var(--color-primary,#f29213);-webkit-background-clip:text;background-clip:text;font-family:Bebas Neue,sans-serif;font-size:2.6rem;letter-spacing:3px;line-height:1}.qvp-pi-letterhead__tagline{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.72rem;letter-spacing:1.5px;margin-top:.2rem;text-transform:uppercase}.qvp-pi-letterhead__address{color:#4b5563;color:var(--color-text-secondary,#4b5563);font-size:.78rem;line-height:1.7;text-align:right}.qvp-pi-title-row{align-items:flex-start;background:#f292130a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem 2.25rem}.qvp-pi-title{color:#111827;color:var(--color-text-primary,#111827);font-family:Bebas Neue,sans-serif;font-size:1.9rem;letter-spacing:4px}.qvp-pi-ref-block{display:flex;flex-direction:column;gap:.35rem;text-align:right}.qvp-pi-ref-row{align-items:center;display:flex;gap:.75rem;justify-content:flex-end}.qvp-pi-ref-label{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.62rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.qvp-pi-ref-val{color:#111827;color:var(--color-text-primary,#111827);font-size:.85rem;font-weight:600}.qvp-pi-ref-val--highlight{color:#f29213;color:var(--color-primary,#f29213);font-family:Bebas Neue,sans-serif;font-size:1rem;letter-spacing:.5px}.qvp-pi-ref-table{border-collapse:collapse;font-size:.78rem;width:100%}.qvp-pi-ref-table__label{background:#ffffff05;color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-weight:600;padding:.45rem 1rem .45rem 2.25rem;white-space:nowrap;width:22%}.qvp-pi-ref-table__label,.qvp-pi-ref-table__val{border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb)}.qvp-pi-ref-table__val{color:#111827;color:var(--color-text-primary,#111827);padding:.45rem 1rem;width:28%}.qvp-pi-buyer-block{background:#00d9ff05;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);padding:1rem 2.25rem}.qvp-pi-buyer-block__label{color:#f29213;color:var(--color-primary,#f29213);font-size:.6rem;font-weight:700;letter-spacing:1.5px;margin-bottom:.35rem;text-transform:uppercase}.qvp-pi-buyer-block__name{color:#111827;color:var(--color-text-primary,#111827);font-size:1rem;font-weight:700;margin-bottom:.2rem}.qvp-pi-buyer-block__addr{color:#4b5563;color:var(--color-text-secondary,#4b5563);font-size:.82rem;line-height:1.6;margin-bottom:.15rem;white-space:pre-line}.qvp-pi-buyer-block__meta{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.78rem}.qvp-pi-items-section{margin:.5rem 0;overflow-x:auto;padding:0 2.25rem}.qvp-pi-items-table{border-collapse:collapse;font-size:.8rem;min-width:700px;width:100%}.qvp-pi-th{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--color-border,#e5e7eb);color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.62rem;font-weight:700;letter-spacing:1px;padding:.6rem .5rem;text-align:right;text-transform:uppercase;white-space:nowrap}.qvp-pi-th--sno{text-align:center;width:40px}.qvp-pi-th--desc{min-width:180px;text-align:left}.qvp-pi-th--qty,.qvp-pi-th--unit{width:50px}.qvp-pi-th--rate{width:80px}.qvp-pi-th--taxable{width:90px}.qvp-pi-th--gstrate{width:60px}.qvp-pi-th--gstamt{width:80px}.qvp-pi-th--total{width:90px}.qvp-pi-row:nth-child(2n){background:#ffffff05}.qvp-pi-td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);color:#111827;color:var(--color-text-primary,#111827);padding:.7rem .5rem;text-align:right;vertical-align:top}.qvp-pi-td--sno{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.72rem;text-align:center}.qvp-pi-td--desc{text-align:left}.qvp-pi-td--num{font-feature-settings:"tnum";font-size:.8rem;font-variant-numeric:tabular-nums}.qvp-pi-td--total{color:#111827;color:var(--color-text-primary,#111827);font-weight:700}.qvp-pi-product-name{font-size:.82rem;font-weight:600;line-height:1.3;margin-bottom:.3rem}.qvp-pi-product-img{background:#f9fafb;background:var(--color-surface,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:4px;display:block;height:40px;object-fit:contain;width:40px}.qvp-pi-totals{align-items:flex-end;border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);display:flex;flex-direction:column;gap:.35rem;padding:1rem 2.25rem}.qvp-pi-totals__row{color:#4b5563;color:var(--color-text-secondary,#4b5563);display:flex;font-size:.82rem;gap:2rem;justify-content:flex-end;min-width:320px}.qvp-pi-totals__row>span:last-child{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;min-width:110px;text-align:right}.qvp-pi-totals__grand{align-items:baseline;border-top:2px solid #f2921366;color:#111827;color:var(--color-text-primary,#111827);display:flex;font-size:.9rem;font-weight:700;gap:2rem;margin-top:.4rem;min-width:320px;padding-top:.6rem}.qvp-pi-totals__grand-val{-webkit-text-fill-color:#0000;background:#f29213;background:var(--color-primary,#f29213);-webkit-background-clip:text;background-clip:text;font-family:Bebas Neue,sans-serif;font-size:2rem;line-height:1;min-width:110px;text-align:right}.qvp-pi-totals__note{align-self:flex-end;color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.68rem;font-style:italic;margin-top:.15rem}.qvp-pi-footer-grid{background:#ffffff03;border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);display:grid;grid-template-columns:1fr 1fr}.qvp-pi-bank{border-right:1px solid #e5e7eb;border-right:1px solid var(--color-border,#e5e7eb);padding:1.25rem 2.25rem}.qvp-pi-bank__title{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.68rem;font-weight:700;letter-spacing:1.2px;margin-bottom:.65rem;text-transform:uppercase}.qvp-pi-bank__table{border-collapse:collapse;font-size:.78rem;width:100%}.qvp-pi-bank__table td{color:#4b5563;color:var(--color-text-secondary,#4b5563);padding:.2rem .4rem .2rem 0}.qvp-pi-bank__table td:first-child{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-weight:600;padding-right:.75rem;white-space:nowrap;width:45%}.qvp-pi-bank__pan{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.75rem;margin-top:.65rem}.qvp-pi-sign{align-items:flex-end;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem 2.25rem;text-align:right}.qvp-pi-sign__for{color:#111827;color:var(--color-text-primary,#111827);font-size:.78rem;font-weight:700;margin-bottom:auto}.qvp-pi-sign__line{background:#e5e7eb;background:var(--color-border,#e5e7eb);height:1px;margin:2.5rem 0 .4rem;width:160px}.qvp-pi-sign__label{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.7rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.qvp-pi-sign__prepared{margin-top:.2rem}.qvp-pi-disclaimer,.qvp-pi-sign__prepared{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.72rem;font-style:italic}.qvp-pi-disclaimer{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);opacity:.7;padding:.75rem 2.25rem;text-align:center}@media (max-width:640px){.qvp-pi-letterhead{padding:1.25rem}.qvp-pi-letterhead__address{text-align:left}.qvp-pi-title-row{padding:.75rem 1.25rem}.qvp-pi-ref-table__label,.qvp-pi-ref-table__val{padding-left:1.25rem}.qvp-pi-bank,.qvp-pi-buyer-block,.qvp-pi-disclaimer,.qvp-pi-items-section,.qvp-pi-sign,.qvp-pi-totals{padding-left:1.25rem;padding-right:1.25rem}.qvp-pi-footer-grid{grid-template-columns:1fr}.qvp-pi-bank{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);border-right:none}.qvp-pi-sign{align-items:flex-start;text-align:left}.qvp-pi-ref-row{justify-content:flex-start}.qvp-pi-ref-table,.qvp-pi-ref-table tbody,.qvp-pi-ref-table td,.qvp-pi-ref-table tr{display:block;width:100%}.qvp-pi-ref-table__label{background:#0000;border-bottom:none;font-weight:700;padding-bottom:.1rem}.qvp-pi-ref-table__val{border-top:none;padding-bottom:.5rem;padding-top:0}}@page{size:A4;margin:0}@media print{*,:after,:before{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.header,.main-header,.no-print,.qvp-gate-bg,.qvp-quote-bg,header{display:none!important}.qvp-quote-doc{animation:none!important}@page{margin:14mm 16mm}#root,body,html{background:#fff!important;height:auto!important;overflow:visible!important}.qvp-quote-wrapper{background:#fff!important;min-height:0!important;min-height:auto!important;padding:0!important}.qvp-quote-doc{border:1px solid #ddd!important;border-radius:0!important;box-shadow:none!important;max-width:100%!important;padding:10mm!important}.qvp-doc-header,.qvp-quote-doc{background:#fff!important}.qvp-doc-brand{-webkit-text-fill-color:#f29213!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:#f29213!important}.qvp-doc-tagline{color:#666!important}.qvp-doc-meta-label{color:#888!important}.qvp-doc-meta-val{color:#111!important}.qvp-doc-meta-val--highlight{-webkit-text-fill-color:#f29213!important;color:#f29213!important;font-weight:700!important}.qvp-doc-divider{background-color:#ddd!important;opacity:1!important}.qvp-section-head__title{color:#111!important}.qvp-section-head__count{background-color:#f29213!important;color:#fff!important}.qvp-items-header{border-bottom-color:#ddd!important;color:#888!important}.qvp-item{background:#0000!important;border-bottom-color:#eee!important;page-break-inside:avoid}.qvp-item__num{color:#bbb!important}.qvp-item__name,.qvp-item__subtotal{color:#111!important}.qvp-item__subtotal{font-weight:700!important}.qvp-item__qty{background-color:#f292131f!important;border-color:#f2921359!important;color:#c47800!important}.qvp-item__unit{color:#444!important}.qvp-item__mrp{background-color:#f2f2f2!important;color:#999!important;opacity:1!important}.qvp-item__img{background-color:#f8f8f8!important;border-color:#ddd!important}.qvp-item__breakdown-label{color:#888!important;font-style:normal!important}.qvp-item__breakdown-val{color:#444!important}.qvp-item__breakdown-row--gst .qvp-item__breakdown-label{color:#f29213!important;font-style:italic!important}.qvp-item__breakdown-row--gst .qvp-item__breakdown-val{color:#888!important}.qvp-totals{border-top-color:#ddd!important;page-break-inside:avoid}.qvp-totals__row{color:#555!important}.qvp-totals__grand{border-top-color:#bbb!important;color:#111!important}.qvp-totals__eoe{color:#bbb!important;opacity:1!important}.qvp-totals__grand-val{-webkit-text-fill-color:#f29213!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:#f29213!important;font-size:1.6rem!important;font-weight:700!important}.qvp-doc-footer{background:#fff!important;border-top-color:#ddd!important}.qvp-doc-footer__note{background-color:#fffaf4!important;border-left-color:#f29213!important;color:#555!important}.qvp-doc-footer__brand{color:#bbb!important}.qvp-buyer-block{background:#fafafa!important;border-color:#ddd!important}.qvp-buyer-block__label{color:#888!important}.qvp-buyer-block__name{color:#111!important}.qvp-buyer-block__addr,.qvp-buyer-block__meta-row{color:#555!important}.qvp-ref-grid{border-color:#ddd!important}.qvp-ref-item{border-color:#eee!important}.qvp-ref-item__label{color:#888!important}.qvp-ref-item__val{color:#111!important}.qvp-bank-sign-row{border-top-color:#ddd!important}.qvp-bank{border-bottom-color:#ddd!important;border-right-color:#ddd!important}.qvp-bank__title{color:#888!important}.qvp-bank__row{color:#444!important}.qvp-bank__row>span:first-child{color:#888!important}.qvp-bank__pan{color:#666!important}.qvp-sign__for{color:#111!important;font-weight:600!important}.qvp-sign__line{background:#bbb!important}.qvp-sign__label{color:#888!important}.qvp-sign__prepared{color:#999!important}.qvp-print-toolbar{display:none!important}.qvp-pi-letterhead{background:#fff!important;border-bottom-color:#333!important}.qvp-pi-letterhead__logo{-webkit-text-fill-color:#f29213!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:#f29213!important}.qvp-pi-letterhead__address,.qvp-pi-letterhead__tagline{color:#555!important}.qvp-pi-title-row{background:#f5f5f5!important}.qvp-pi-title{color:#111!important}.qvp-pi-ref-val--highlight{-webkit-text-fill-color:#f29213!important;color:#f29213!important}.qvp-pi-ref-table__label{background:#f5f5f5!important;border-color:#ccc!important;color:#555!important}.qvp-pi-ref-table__val{border-color:#ccc!important;color:#111!important}.qvp-pi-buyer-block{background:#fafafa!important}.qvp-pi-buyer-block__label{color:#333!important}.qvp-pi-buyer-block__name{color:#111!important}.qvp-pi-buyer-block__addr,.qvp-pi-buyer-block__meta,.qvp-pi-th{color:#555!important}.qvp-pi-th{border-color:#ccc!important}.qvp-pi-td{border-color:#eee!important;color:#111!important}.qvp-pi-td--sno{color:#888!important}.qvp-pi-row:nth-child(2n){background:#fafafa!important}.qvp-pi-totals__row{color:#444!important}.qvp-pi-totals__grand{border-top-color:#aaa!important;color:#111!important}.qvp-pi-totals__grand-val{-webkit-text-fill-color:#f29213!important;background:none!important;-webkit-background-clip:unset!important;background-clip:initial!important;color:#f29213!important;font-size:1.6rem!important;font-weight:700!important}.qvp-pi-footer-grid{background:#fff!important;border-top-color:#ccc!important}.qvp-pi-bank{border-right-color:#ccc!important}.qvp-pi-bank__title{color:#666!important}.qvp-pi-bank__table td{color:#444!important}.qvp-pi-bank__pan,.qvp-pi-bank__table td:first-child{color:#666!important}.qvp-pi-sign__for{color:#111!important}.qvp-pi-sign__line{background:#ccc!important}.qvp-pi-sign__label{color:#666!important}.qvp-pi-disclaimer{border-top-color:#ddd!important;color:#888!important}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.view-toggle-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;border-radius:2rem;bottom:20px;box-shadow:0 4px 12px #00000026,inset 0 0 0 1px #fff3;color:#2d3748;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;outline:none;padding:.75rem 1rem;position:fixed;right:20px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:9999}.view-toggle-button:hover{background:#fff;box-shadow:0 6px 16px #0003,inset 0 0 0 1px #ffffff4d;transform:translateY(-2px)}.view-toggle-button:active{box-shadow:0 2px 8px #00000026,inset 0 0 0 1px #fff3;transform:translateY(0)}.view-toggle-button svg{flex-shrink:0}.view-toggle-button span{white-space:nowrap}body.force-desktop-view{min-width:1024px;overflow-x:auto}body.force-desktop-view *{min-width:auto!important}@keyframes viewChange{0%{opacity:.8}to{opacity:1}}body.force-desktop-view{animation:viewChange .3s ease-in-out}@media (max-width:768px){.view-toggle-button{bottom:15px;font-size:.8125rem;padding:.625rem .875rem;right:15px}.view-toggle-button svg{height:16px;width:16px}}@media (min-width:1024px){.view-toggle-button{display:none}}.chat-widget{bottom:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;right:24px;z-index:9999}.chat-trigger{align-items:center;background:#f29213;border:none;border-radius:50px;box-shadow:0 0 0 3px #fff,0 4px 20px #f2921373;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:14px 20px 14px 16px;transition:transform .2s ease,box-shadow .2s ease}.chat-trigger:hover{box-shadow:0 0 0 3px #fff,0 6px 24px #f292138c;transform:translateY(-2px)}.chat-trigger.open{border-radius:50%;height:52px;justify-content:center;padding:14px 16px;width:52px}.chat-trigger-label{white-space:nowrap}@keyframes pulseRing{0%{box-shadow:0 0 0 3px #fff,0 0 0 3px #f292138c,0 4px 20px #f2921373}70%{box-shadow:0 0 0 3px #fff,0 0 0 15px #f2921300,0 4px 20px #f2921373}to{box-shadow:0 0 0 3px #fff,0 0 0 3px #f2921300,0 4px 20px #f2921373}}.chat-trigger.pulsing{animation:pulseRing 1.6s ease-out infinite}.chat-teaser{animation:teaserIn .3s cubic-bezier(.34,1.56,.64,1);border:1px solid #f0e0c8;border-radius:14px;bottom:72px;box-shadow:0 6px 28px #00000026;cursor:pointer;padding:14px 16px 12px;right:0;width:230px}.chat-teaser,.chat-teaser:after{background:#fff;position:absolute}.chat-teaser:after{border-bottom:1px solid #f0e0c8;border-right:1px solid #f0e0c8;bottom:-8px;content:"";height:16px;right:22px;transform:rotate(45deg);width:16px}.chat-teaser p{color:#1a1a1a;font-size:14px;font-weight:700;margin:0 0 4px}.chat-teaser span{color:#666;font-size:12.5px;line-height:1.4}.chat-teaser-close{background:none;border:none;color:#aaa;cursor:pointer;font-size:18px;line-height:1;padding:0;position:absolute;right:10px;top:8px}.chat-teaser-close:hover{color:#666}@keyframes teaserIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-window{animation:slideUp .2s ease;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e5e5;border:1px solid var(--border-color,#e5e5e5);border-radius:16px;bottom:70px;box-shadow:0 8px 40px #0000002e;display:flex;flex-direction:column;height:520px;overflow:hidden;position:absolute;right:0;width:360px}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.chat-header{background:#f29213;flex-shrink:0;justify-content:space-between;padding:14px 16px}.chat-header,.chat-header-info{align-items:center;display:flex}.chat-header-info{gap:10px}.chat-avatar{align-items:center;background:#ffffff40;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:800;height:36px;justify-content:center;width:36px}.chat-header-name{color:#fff;font-size:15px;font-weight:700;line-height:1.2}.chat-header-sub{color:#ffffffd1;font-size:11px}.chat-reset{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;line-height:1;padding:4px 8px;transition:background .15s}.chat-reset:hover{background:#ffffff59}.chat-messages{background:#f8f8f8;background:var(--bg-secondary,#f8f8f8);display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:16px 12px}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.chat-bubble-row{align-items:flex-end;display:flex;gap:6px}.chat-bubble-row.user{flex-direction:row-reverse}.chat-bubble-avatar{align-items:center;background:#f29213;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:800;height:26px;justify-content:center;width:26px}.chat-bubble{border-radius:16px;font-size:13.5px;line-height:1.5;max-width:78%;padding:10px 13px;word-break:break-word}.chat-bubble.assistant{background:#fff;background:var(--bg-primary,#fff);border-bottom-left-radius:4px;box-shadow:0 1px 3px #00000014;color:#1a1a1a;color:var(--text-primary,#1a1a1a)}.chat-bubble.user{background:#f29213;border-bottom-right-radius:4px;color:#fff}.chat-bubble.streaming{border-bottom-left-radius:4px}.chat-bubble .chat-li{display:inline-block;font-weight:600;margin-top:8px}.typing-dots{align-items:center;display:inline-flex;gap:4px;height:14px}.typing-dots span{animation:bounce 1.2s infinite;background:#ccc;border-radius:50%;height:6px;width:6px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.quick-starts{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0 0 32px}.quick-start-btn{background:#fff;background:var(--bg-primary,#fff);border:1.5px solid #f29213;border-radius:20px;color:#f29213;cursor:pointer;font-size:12px;font-weight:500;padding:5px 10px;transition:background .15s,color .15s}.quick-start-btn:hover{background:#f29213;color:#fff}.chat-input-area{align-items:flex-end;background:#fff;background:var(--bg-primary,#fff);border-top:1px solid #ebebeb;border-top:1px solid var(--border-color,#ebebeb);display:flex;flex-shrink:0;gap:8px;padding:10px 12px}.chat-input{background:#f8f8f8;background:var(--bg-secondary,#f8f8f8);border:1.5px solid #e0e0e0;border:1.5px solid var(--border-color,#e0e0e0);border-radius:12px;color:#1a1a1a;color:var(--text-primary,#1a1a1a);flex:1 1;font-family:inherit;font-size:13.5px;max-height:100px;outline:none;overflow-y:auto;padding:9px 12px;resize:none;transition:border-color .15s}.chat-input:focus{border-color:#f29213}.chat-input::placeholder{color:#aaa}.chat-send{align-items:center;background:#f29213;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;transition:background .15s,transform .1s;width:38px}.chat-send:hover:not(:disabled){background:#d97e0a;transform:scale(1.05)}.chat-send:disabled{background:#e0c08a;cursor:not-allowed}.chat-submitted-note{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;flex:1 1;flex-direction:column;font-size:13px;gap:8px;justify-content:center;text-align:center}.chat-submitted-note button{background:none;border:1.5px solid #f29213;border-radius:20px;color:#f29213;cursor:pointer;font-size:12px;font-weight:600;padding:5px 14px}@media (max-width:480px){.chat-widget{bottom:16px;right:16px}.chat-window{bottom:66px;height:70vh;right:0;width:calc(100vw - 32px)}.chat-trigger-label{display:none}.chat-trigger{border-radius:50%;height:52px;padding:14px;width:52px}}.dark .chat-window,[data-theme=dark] .chat-window{--bg-primary:#1e1e1e;--bg-secondary:#2a2a2a;--text-primary:#f0f0f0;--border-color:#3a3a3a}.lcp-wrapper{background:#fff;background:var(--color-background,#fff);color:#111827;color:var(--color-text-primary,#111827);font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.lcp-header{border-bottom:1.5px solid #e5e7eb;border-bottom:1.5px solid var(--color-border,#e5e7eb);margin-bottom:2rem;padding-bottom:1.25rem}.lcp-header__eyebrow{align-items:center;color:#f29213;color:var(--color-primary,#f29213);display:flex;font-size:.68rem;font-weight:700;gap:.5rem;letter-spacing:2px;margin-bottom:.35rem;text-transform:uppercase}.lcp-header__eyebrow:before{background:#f29213;background:var(--color-primary,#f29213);border-radius:2px;content:"";display:inline-block;height:2px;width:16px}.lcp-header__title{color:#111827;color:var(--color-text-primary,#111827);font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:0}.lcp-body{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr 380px}.lcp-panel{background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:14px;padding:1.5rem}.lcp-panel__title{align-items:center;color:#111827;color:var(--color-text-primary,#111827);display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin:0 0 1.25rem}.lcp-panel__count{align-items:center;background:#f29213;background:var(--color-primary,#f29213);border-radius:10px;color:#fff;display:inline-flex;font-size:.68rem;font-weight:800;height:20px;justify-content:center;min-width:20px;padding:0 5px}.lcp-panel__sub{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.85rem;line-height:1.6;margin:-.75rem 0 1.25rem}.lcp-empty{align-items:center;display:flex;flex-direction:column;gap:.75rem;padding:3rem 1rem;text-align:center}.lcp-empty__icon{font-size:3rem;opacity:.5}.lcp-empty__text{color:#4b5563;color:var(--color-text-secondary,#4b5563);font-size:.95rem}.lcp-empty__link{color:#f29213;color:var(--color-primary,#f29213);font-weight:600;text-decoration:none}.lcp-empty__link:hover{text-decoration:underline}.lcp-item-list{display:flex;flex-direction:column;gap:0}.lcp-item{grid-gap:.85rem;align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);display:grid;gap:.85rem;grid-template-columns:72px 1fr auto;padding:.9rem 0}.lcp-item:last-child{border-bottom:none}.lcp-item__img{align-items:center;background:#f9fafb;background:var(--color-surface,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--color-border,#e5e7eb);border-radius:8px;display:flex;flex-shrink:0;height:72px;justify-content:center;overflow:hidden;width:72px}.lcp-item__img img{height:100%;object-fit:contain;padding:4px;width:100%}.lcp-item__img span{font-size:1.75rem;opacity:.4}.lcp-item__info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.lcp-item__name{color:#111827;color:var(--color-text-primary,#111827);font-size:.875rem;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lcp-item__price{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.8rem}.lcp-item__subtotal{color:#111827;color:var(--color-text-primary,#111827);font-size:.85rem;font-weight:700;margin-top:.15rem}.lcp-item__actions{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem}.lcp-stepper{background:#f9fafb;background:var(--color-surface,#f9fafb);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;gap:.3rem;padding:2px}.lcp-stepper,.lcp-stepper__btn{align-items:center;display:flex}.lcp-stepper__btn{background:#0000;border:none;border-radius:6px;color:#4b5563;color:var(--color-text-secondary,#4b5563);cursor:pointer;font-size:1rem;font-weight:600;height:28px;justify-content:center;line-height:1;transition:background .15s,color .15s;width:28px}.lcp-stepper__btn:hover{background:#fff2eb;background:var(--color-primary-subtle,#fff2eb);color:#f29213;color:var(--color-primary,#f29213)}.lcp-stepper__input{-moz-appearance:textfield;background:#0000;border:none;color:#111827;color:var(--color-text-primary,#111827);font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.875rem;font-weight:600;outline:none;padding:0;text-align:center;width:40px}.lcp-stepper__input::-webkit-inner-spin-button,.lcp-stepper__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.lcp-item__remove{background:#0000;border:none;border-radius:4px;color:#9ca3af;color:var(--color-text-muted,#9ca3af);cursor:pointer;font-size:.8rem;line-height:1;padding:2px 4px;transition:color .15s,background .15s}.lcp-item__remove:hover{background:#fee2e2;background:var(--color-destructive-subtle,#fee2e2);color:#dc2626;color:var(--color-destructive,#dc2626)}.lcp-breakdown{border-top:1.5px solid #e5e7eb;border-top:1.5px solid var(--color-border,#e5e7eb);display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem;padding-top:1.25rem}.lcp-breakdown__row{color:#4b5563;color:var(--color-text-secondary,#4b5563);font-size:.875rem}.lcp-breakdown__row,.lcp-breakdown__total{align-items:center;display:flex;justify-content:space-between}.lcp-breakdown__total{border-top:1.5px dashed #e5e7eb;border-top:1.5px dashed var(--color-border,#e5e7eb);color:#111827;color:var(--color-text-primary,#111827);font-size:1.05rem;font-weight:700;margin-top:.25rem;padding-top:.75rem}.lcp-breakdown__total-val{color:#f29213;color:var(--color-primary,#f29213);font-size:1.15rem}.lcp-breakdown__note{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:.75rem;margin-top:.4rem;text-align:right}.lcp-form-panel,.lcp-internal-panel{position:-webkit-sticky;position:sticky;top:89px;top:var(--header-height,89px)}.lcp-internal-panel{align-items:center;display:flex;flex-direction:column;gap:.75rem;padding:2rem 1.5rem;text-align:center}.lcp-internal-panel__icon{font-size:2.5rem;line-height:1}.lcp-internal-panel__title{color:var(--color-text-primary);font-size:1.125rem;font-size:var(--text-lg,1.125rem);font-weight:700;font-weight:var(--fw-bold,700);margin:0}.lcp-internal-panel__body{color:var(--color-text-secondary);font-size:.875rem;font-size:var(--text-sm,.875rem);line-height:1.6;margin:0}.lcp-internal-panel__cta{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;font-size:var(--text-sm,.875rem);font-weight:600;font-weight:var(--fw-semibold,600);margin-top:.5rem;padding:.75rem 1.25rem;transition:background var(--transition-fast),transform .15s ease;width:100%}.lcp-internal-panel__cta:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.lcp-internal-panel__cta:disabled{cursor:not-allowed;opacity:.45;transform:none}.lcp-internal-panel__hint{color:var(--color-text-muted);font-size:.75rem;margin:0}.lcp-internal-panel__clear{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:.75rem;padding:0;text-decoration:underline;text-underline-offset:2px}.lcp-internal-panel__clear:hover{color:#dc2626;color:var(--color-danger,#dc2626)}.lcp-field{margin-bottom:1rem}.lcp-field__label{color:#4b5563;color:var(--color-text-secondary,#4b5563);display:block;font-size:.78rem;font-weight:600;letter-spacing:.5px;margin-bottom:.4rem;text-transform:uppercase}.lcp-field__input{background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:8px;box-sizing:border-box;color:#111827;color:var(--color-text-primary,#111827);font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:.875rem;outline:none;padding:.65rem .85rem;transition:border-color .2s,box-shadow .2s;width:100%}.lcp-field__input::placeholder{color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.lcp-field__input:focus{border-color:#f29213;border-color:var(--color-primary,#f29213);outline:none}.lcp-field__input:focus-visible{box-shadow:0 0 0 3px #f292131f}.lcp-textarea{line-height:1.5;min-height:90px;resize:vertical}.lcp-error{background:#fee2e2;background:var(--color-destructive-subtle,#fee2e2);border:1px solid #fca5a5;border-radius:8px;color:#b91c1c;color:var(--color-destructive-text,#b91c1c);font-size:.82rem;margin-bottom:1rem;padding:.65rem .9rem}.lcp-submit-btn{align-items:center;background:#f29213;background:var(--color-primary,#f29213);border:none;border-radius:10px;box-shadow:0 4px 16px #f2921347;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-sans,"Inter",sans-serif);font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;margin-top:.75rem;padding:.9rem;transition:background .2s,transform .15s,box-shadow .2s;width:100%}.lcp-submit-btn:hover:not(:disabled){background:#d97d0a;background:var(--color-primary-hover,#d97d0a);box-shadow:0 6px 20px #f292135c;transform:translateY(-1px)}.lcp-submit-btn:focus{outline:none}.lcp-submit-btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.lcp-submit-btn:disabled{background:#d1d5db;background:var(--color-border-strong,#d1d5db);box-shadow:none;cursor:not-allowed;transform:none}.lcp-submit-btn:disabled,.lcp-trust-note{color:#9ca3af;color:var(--color-text-muted,#9ca3af)}.lcp-trust-note{font-size:.72rem;line-height:1.5;margin-top:.6rem;text-align:center}.lcp-success-wrapper{align-items:center;animation:fadeIn .3s ease-out;display:flex;justify-content:center;min-height:60vh;padding:2rem}.lcp-success-card{animation:fadeInUp .4s ease-out;background:var(--color-surface-elevated);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:16px;box-shadow:0 4px 24px #00000012;max-width:480px;padding:3rem 2.5rem;text-align:center;width:100%}.lcp-success__icon{display:block;font-size:3.5rem;margin-bottom:1rem}.lcp-success__title{color:#111827;color:var(--color-text-primary,#111827);font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .75rem}.lcp-success__body{color:#4b5563;color:var(--color-text-secondary,#4b5563);font-size:.9rem;line-height:1.65;margin-bottom:1.75rem}.lcp-success__tracking{background:#f9fafb;background:var(--color-surface,#f9fafb);border:1.5px solid #e5e7eb;border:1.5px solid var(--color-border,#e5e7eb);border-radius:10px;display:inline-block;margin-bottom:2rem;padding:1rem 1.5rem}.lcp-success__tracking-label{color:#9ca3af;color:var(--color-text-muted,#9ca3af);display:block;font-size:.72rem;font-weight:600;letter-spacing:1px;margin-bottom:.3rem;text-transform:uppercase}.lcp-success__tracking-id{color:#f29213;color:var(--color-primary,#f29213);font-size:1.4rem;font-weight:800;letter-spacing:.5px}.lcp-success__cta{align-items:center;background:#f29213;background:var(--color-primary,#f29213);border-radius:10px;box-shadow:0 4px 14px #f2921347;color:#fff;display:inline-flex;font-size:.9rem;font-weight:700;padding:.8rem 2rem;text-decoration:none;transition:background .2s,transform .15s}.lcp-success__cta:hover{background:#d97d0a;background:var(--color-primary-hover,#d97d0a);transform:translateY(-1px)}@media (max-width:900px){.lcp-body{grid-template-columns:1fr}.lcp-form-panel{position:static}}@media (max-width:640px){.lcp-wrapper{padding:1rem 1rem 2rem}.lcp-item{grid-template-columns:60px 1fr;grid-template-rows:auto auto}.lcp-item__img{height:60px;width:60px}.lcp-item__actions{align-items:center;flex-direction:row;grid-column:2;justify-content:space-between}.lcp-success-card{padding:2rem 1.25rem}}:root{--color-primary:#f29213;--color-primary-hover:#d97d0a;--color-primary-active:#b86a08;--color-primary-subtle:#fff8ec;--color-primary-border:#fccf7a;--color-success:#16a34a;--color-success-subtle:#dcfce7;--color-success-text:#15803d;--color-destructive:#dc2626;--color-destructive-subtle:#fee2e2;--color-destructive-text:#b91c1c;--color-warning:#d97706;--color-warning-subtle:#fef3c7;--color-warning-text:#92400e;--color-info:#2563eb;--color-info-subtle:#dbeafe;--color-info-text:#1e40af;--color-background:#fff;--color-surface:#f9fafb;--color-surface-elevated:#fff;--color-surface-hover:#f3f4f6;--color-surface-active:#e5e7eb;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-border-focus:#f29213;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-muted:#9ca3af;--color-text-disabled:#d1d5db;--color-text-inverse:#fff;--color-text-link:#f29213;--color-eta-bg:#dcfce7;--color-eta-text:#15803d;--color-discount-bg:#fef3c7;--color-discount-text:#92400e;--color-savings-bg:#dcfce7;--color-savings-text:#15803d;--color-out-of-stock-bg:#f3f4f6;--color-out-of-stock-text:#6b7280;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 6px #00000012,0 2px 4px #0000000a;--shadow-lg:0 10px 15px #00000014,0 4px 6px #0000000a;--shadow-xl:0 20px 25px #0000001a,0 8px 10px #0000000a;--shadow-card-hover:0 8px 24px #0000001f;--shadow-primary:0 4px 14px #f292134d;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.40s ease;--header-height:89px;--shimmer-base:#f3f4f6;--shimmer-highlight:#e9eaec;--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--primary-color:var(--color-primary);--primary-dark:var(--color-primary-hover);--accent-color:var(--color-primary);--accent-dark:var(--color-primary-hover);--primary-gradient:linear-gradient(135deg,#f29213,#d97d0a);--secondary-gradient:linear-gradient(135deg,#f29213,#d97d0a);--dark:#1a1a2e;--surface:#16213e;--surface-elevated:#1e2a47;--light:var(--color-background);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-muted);--border-color:var(--color-border);--border-strong:var(--color-border-strong);--shadow-glow-orange:0 0 30px #f292134d;--shadow-glow-cyan:0 0 30px #00d9ff4d;--spacing-xs:var(--space-1);--spacing-sm:var(--space-2);--spacing-md:var(--space-4);--spacing-lg:var(--space-6);--spacing-xl:var(--space-8);--spacing-2xl:var(--space-12);--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg);--radius-xl:var(--radius-xl);--radius-full:var(--radius-full);--transition-fast:var(--transition-fast);--transition-normal:var(--transition-normal);--transition-slow:var(--transition-slow)}[data-theme=dark]{--color-primary:#f29213;--color-primary-hover:#d97d0a;--color-primary-active:#b86a08;--color-primary-subtle:#f292131f;--color-primary-border:#f2921347;--color-success:#22c55e;--color-success-subtle:#22c55e1f;--color-success-text:#4ade80;--color-destructive:#ef4444;--color-destructive-subtle:#ef44441f;--color-destructive-text:#f87171;--color-warning:#f59e0b;--color-warning-subtle:#f59e0b1f;--color-warning-text:#fcd34d;--color-info:#3b82f6;--color-info-subtle:#3b82f61f;--color-info-text:#93c5fd;--color-background:#0f172a;--color-surface:#1e293b;--color-surface-elevated:#263347;--color-surface-hover:#2d3e57;--color-surface-active:#354b6a;--color-border:#ffffff14;--color-border-strong:#ffffff29;--color-border-focus:#f29213;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-disabled:#475569;--color-text-inverse:#0f172a;--color-text-link:#f29213;--color-eta-bg:#22c55e1f;--color-eta-text:#4ade80;--color-discount-bg:#f59e0b1f;--color-discount-text:#fcd34d;--color-savings-bg:#22c55e1f;--color-savings-text:#4ade80;--color-out-of-stock-bg:#ffffff0f;--color-out-of-stock-text:#64748b;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000080,0 1px 2px #0006;--shadow-md:0 4px 6px #00000080,0 2px 4px #0006;--shadow-lg:0 10px 15px #0009,0 4px 6px #0006;--shadow-xl:0 20px 25px #000000b3,0 8px 10px #0006;--shadow-card-hover:0 8px 24px #0009;--shadow-primary:0 4px 14px #f2921366;--shimmer-base:#1e293b;--shimmer-highlight:#263347;--header-height:89px;--dark:#0f172a;--surface:#1e293b;--surface-elevated:#263347;--primary-gradient:linear-gradient(135deg,#f29213,#d97d0a);--secondary-gradient:linear-gradient(135deg,#f29213,#d97d0a);--shadow-glow-orange:0 0 30px #f2921366}html{transition:background-color .25s ease,color .25s ease}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes chipIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;overflow-x:hidden;scroll-behavior:smooth}body,html{max-width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--color-background);color:#111827;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--text-base);line-height:1.5;line-height:var(--leading-normal);overflow-x:hidden}#root,body{min-height:100vh}#root{display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{color:#111827;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-weight:700;font-weight:var(--fw-bold);line-height:1.25;line-height:var(--leading-tight)}h1{font-size:clamp(1.875rem,5vw,3rem);font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));margin-bottom:16px;margin-bottom:var(--space-4)}h2{font-size:clamp(1.5rem,4vw,2.25rem);font-size:clamp(var(--text-2xl),4vw,var(--text-4xl))}h2,h3{margin-bottom:12px;margin-bottom:var(--space-3)}h3{font-size:clamp(1.25rem,3vw,1.875rem);font-size:clamp(var(--text-xl),3vw,var(--text-3xl))}h4{font-size:1.25rem;font-size:var(--text-xl)}h4,h5{margin-bottom:8px;margin-bottom:var(--space-2)}h5{font-size:1.125rem;font-size:var(--text-lg)}h6{font-size:1rem;font-size:var(--text-base);margin-bottom:8px;margin-bottom:var(--space-2)}p{color:#4b5563;color:var(--color-text-secondary);line-height:1.625;line-height:var(--leading-relaxed);margin-bottom:16px;margin-bottom:var(--space-4)}a{color:#f29213;color:var(--color-text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:#d97d0a;color:var(--color-primary-hover)}button{border:none;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);transition:all var(--transition-normal)}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{border-radius:var(--radius-sm);outline:2px solid #f29213;outline:2px solid var(--color-border-focus);outline-offset:2px}img{display:block;height:auto;max-width:100%}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f9fafb;background:var(--color-surface)}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--color-text-muted)}::selection{background:#fff8ec;background:var(--color-primary-subtle);color:#f29213;color:var(--color-primary)}.container{margin:0 auto;max-width:1400px;padding:0 24px;padding:0 var(--space-6);position:relative;width:100%}.container--narrow{max-width:960px}.container--wide{max-width:1600px}code{background:#f9fafb;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:#f29213;color:var(--color-primary);font-family:Courier New,Courier,monospace;font-size:.9em;padding:2px 6px}.skeleton{animation:skeleton-shimmer 1.5s infinite;background:linear-gradient(90deg,#f9fafb 25%,#f3f4f6 50%,#f9fafb 75%);background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-hover) 50%,var(--color-surface) 75%);background-size:200% 100%;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-state{align-items:center;color:#4b5563;color:var(--color-text-secondary);display:flex;font-size:1rem;font-size:var(--text-base);gap:12px;gap:var(--space-3);justify-content:center;min-height:60vh}.loading-state:after{animation:spin .8s linear infinite;border:2px solid #e5e7eb;border-top-color:#f29213;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);content:"";flex-shrink:0;height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.error-state{background:#fee2e2;background:var(--color-destructive-subtle);border:1px solid #dc2626;border:1px solid var(--color-destructive);border-radius:var(--radius-lg);color:#b91c1c;color:var(--color-destructive-text);margin:32px auto;margin:var(--space-8) auto;max-width:560px;padding:32px;padding:var(--space-8);text-align:center}.empty-state{color:#9ca3af;color:var(--color-text-muted);padding:64px 32px;padding:var(--space-16) var(--space-8);text-align:center}.empty-state__icon{display:block;font-size:3rem;margin-bottom:16px;margin-bottom:var(--space-4);opacity:.5}.no-products-found{color:#9ca3af;color:var(--color-text-muted);font-size:1rem;font-size:var(--text-base);grid-column:1/-1;padding:64px 32px;padding:var(--space-16) var(--space-8);text-align:center}.no-products-found:before{content:"🔍";display:block;font-size:3rem;margin-bottom:16px;margin-bottom:var(--space-4);opacity:.5}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:.875rem;font-size:var(--text-sm);font-weight:600;font-weight:var(--fw-semibold);gap:8px;gap:var(--space-2);justify-content:center;line-height:1;padding:12px 24px;padding:var(--space-3) var(--space-6);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn--primary{background:#f29213;background:var(--color-primary);border-color:#f29213;border-color:var(--color-primary);color:#fff;color:var(--color-text-inverse)}.btn--primary:hover{background:#d97d0a;background:var(--color-primary-hover);border-color:#d97d0a;border-color:var(--color-primary-hover);box-shadow:0 4px 14px #f292134d;box-shadow:var(--shadow-primary);transform:translateY(-1px)}.btn--primary:active{background:#b86a08;background:var(--color-primary-active);transform:translateY(0)}.btn--outline{background:#0000;border-color:#f29213;border-color:var(--color-primary);color:#f29213;color:var(--color-primary)}.btn--outline:hover{background:#fff8ec;background:var(--color-primary-subtle)}.btn--ghost{background:#0000;border-color:#0000;color:#4b5563;color:var(--color-text-secondary)}.btn--ghost:hover{background:#f3f4f6;background:var(--color-surface-hover);color:#111827;color:var(--color-text-primary)}.btn--sm{font-size:.75rem;font-size:var(--text-xs);padding:8px 16px;padding:var(--space-2) var(--space-4)}.btn--lg{font-size:1rem;font-size:var(--text-base);padding:16px 32px;padding:var(--space-4) var(--space-8)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:600;font-weight:var(--fw-semibold);line-height:1.4;padding:2px 8px;padding:2px var(--space-2);white-space:nowrap}.badge--success{background:#dcfce7;background:var(--color-success-subtle);color:#15803d;color:var(--color-success-text)}.badge--error{background:#fee2e2;background:var(--color-destructive-subtle);color:#b91c1c;color:var(--color-destructive-text)}.badge--warning{background:#fef3c7;background:var(--color-warning-subtle);color:#92400e;color:var(--color-warning-text)}.badge--info{background:#dbeafe;background:var(--color-info-subtle);color:#1e40af;color:var(--color-info-text)}.badge--primary{background:#fff8ec;background:var(--color-primary-subtle);color:#f29213;color:var(--color-primary)}.badge--discount{background:#fef3c7;background:var(--color-discount-bg);color:#92400e;color:var(--color-discount-text)}.badge--eta{background:#dcfce7;background:var(--color-eta-bg);color:#15803d;color:var(--color-eta-text)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{opacity:.3}50%{opacity:.6}}.animate-fadeInUp{animation:fadeInUp .5s ease-out both}.animate-fadeIn{animation:fadeIn .5s ease-out both}.animate-slideInLeft{animation:slideInLeft .5s ease-out both}.animate-slideInRight{animation:slideInRight .5s ease-out both}.animate-scaleIn{animation:scaleIn .4s ease-out both}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f29213,#d97d0a);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text}.glass-effect{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#16213eb3;border:1px solid #ffffff1a}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{box-shadow:0 10px 15px #00000014,0 4px 6px #0000000a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}@media (max-width:768px){.container{padding:0 16px;padding:0 var(--space-4)}}@media (max-width:480px){.container{padding:0 12px;padding:0 var(--space-3)}}
/*# sourceMappingURL=main.4414717c.css.map*/