@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-title:"Outfit", var(--font-sans);--bg-deep:#fbfcfd;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-secondary:#f8fafc;--surface-2:#f1f5f9;--border-color:#0f172a0f;--border-focus:#0ea5e9;--input-bg:#fff;--input-border:#0f172a1a;--input-placeholder:#94a3b8;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--primary-cyan:#0284c7;--primary-blue:#2563eb;--primary-indigo:#4f46e5;--accent-emerald:#10b981;--accent-rose:#f43f5e;--accent-amber:#f59e0b;--gradient-primary:linear-gradient(135deg, #0ea5e9 0%, #4f46e5 100%);--gradient-glow:radial-gradient(circle at 50% 0%, #0ea5e914 0%, transparent 70%);--gradient-card:linear-gradient(180deg, #fff 0%, #fbfcfd99 100%);--shadow-sm:0 1px 2px 0 #0f172a0a;--shadow-md:0 4px 6px -1px #0f172a0f, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 12px 24px -4px #0f172a14, 0 4px 8px -4px #0f172a0a;--shadow-glow:0 0 24px #0ea5e933;--glass-bg:#ffffffbf;--glass-border:#0f172a0d;--glass-blur:blur(24px);--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px;--border-radius-full:9999px;--transition-fast:.15s ease-out;--transition-normal:.3s cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-deep);width:100%;min-height:100vh;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}.app-wrapper{flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#0ea5e90f 0%,#0000 60%);width:60vw;height:60vw;position:fixed;top:-20%;right:-10%}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#4f46e50a 0%,#0000 60%);width:60vw;height:60vw;position:fixed;bottom:-20%;left:-10%}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:-.02em;color:var(--text-primary);font-weight:700;line-height:1.2}p{color:var(--text-secondary);line-height:1.6}a{color:var(--primary-cyan);transition:var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-blue);text-shadow:var(--shadow-glow)}button,.btn{font-family:var(--font-sans);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-normal);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 25px #06b6d459}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){border-color:var(--primary-cyan);background:#0ea5e90d}.btn-accent{color:var(--accent-emerald);background:#10b9811a;border:1px solid #10b9814d}.btn-accent:hover:not(:disabled){background:#10b98133}.btn-danger{color:var(--accent-rose);background:#f43f5e1a;border:1px solid #f43f5e4d}.btn-danger:hover:not(:disabled){background:#f43f5e33}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{border-radius:var(--border-radius-full);background:#0f172a1f}::-webkit-scrollbar-thumb:hover{background:#0f172a33}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]):not(.qty-input):not(.file-input-hide),select,textarea{border:1px solid var(--input-border);border-radius:var(--border-radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-normal);box-shadow:var(--shadow-sm);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;appearance:none;background-color:#fff;padding:.75rem 1rem;font-size:.95rem}select{cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.25rem}input[type=date],input[type=time],input[type=datetime-local]{min-height:2.75rem}input[type=date]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}input[type=time]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}input[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}input[type=number]::-webkit-inner-spin-button{opacity:.65}input[type=number]::-webkit-outer-spin-button{opacity:.65}input[type=file]:not(.file-input-hide){border:1px dashed var(--input-border);border-radius:var(--border-radius-sm);cursor:pointer;background-color:#fff;width:auto;max-width:100%;padding:.65rem .9rem;font-size:.88rem}input[type=file]:not(.file-input-hide)::file-selector-button{border:1px solid var(--input-border);background:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-fast);border-radius:6px;margin-right:.75rem;padding:.45rem .85rem;font-size:.82rem;font-weight:600}input[type=file]:not(.file-input-hide)::file-selector-button:hover{border-color:var(--primary-cyan);background:#0ea5e914}input:-webkit-autofill{caret-color:var(--text-primary);border:1px solid var(--input-border);-webkit-text-fill-color:var(--text-primary)!important;box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:hover{caret-color:var(--text-primary);border:1px solid var(--input-border);-webkit-text-fill-color:var(--text-primary)!important;box-shadow:inset 0 0 0 1000px #fff!important}input:-webkit-autofill:focus{caret-color:var(--text-primary);border:1px solid var(--input-border);-webkit-text-fill-color:var(--text-primary)!important;box-shadow:inset 0 0 0 1000px #fff!important}textarea:-webkit-autofill{caret-color:var(--text-primary);border:1px solid var(--input-border);-webkit-text-fill-color:var(--text-primary)!important;box-shadow:inset 0 0 0 1000px #fff!important}textarea:-webkit-autofill:hover{caret-color:var(--text-primary);border:1px solid var(--input-border);-webkit-text-fill-color:var(--text-primary)!important;box-shadow:inset 0 0 0 1000px #fff!important}textarea:-webkit-autofill:focus{caret-color:var(--text-primary);border:1px solid var(--input-border);-webkit-text-fill-color:var(--text-primary)!important;box-shadow:inset 0 0 0 1000px #fff!important}select:-webkit-autofill{caret-color:var(--text-primary);border:1px solid var(--input-border);-webkit-text-fill-color:var(--text-primary)!important;box-shadow:inset 0 0 0 1000px #fff!important}select:-webkit-autofill:hover{caret-color:var(--text-primary);border:1px solid var(--input-border);-webkit-text-fill-color:var(--text-primary)!important;box-shadow:inset 0 0 0 1000px #fff!important}select:-webkit-autofill:focus{caret-color:var(--text-primary);border:1px solid var(--input-border);-webkit-text-fill-color:var(--text-primary)!important;box-shadow:inset 0 0 0 1000px #fff!important}.form-group input:not([type=checkbox]):not([type=radio]):not([type=file]),.form-group select,.form-group textarea,.admin-product-form input:not([type=checkbox]):not([type=radio]):not([type=file]),.admin-product-form select,.admin-product-form textarea,.auth-form input:not([type=checkbox]):not([type=radio]):not([type=file]),.auth-form textarea,.settings-form-box input,.settings-form-box select,.settings-form-box textarea,.input-group-row input,.footer-discount input,.table-select-action,.product-discount-input,.filter-bar input:not([type=checkbox]):not([type=radio]),.filter-bar select{color:var(--text-primary)!important;background-color:#fff!important}input::placeholder,textarea::placeholder{color:var(--input-placeholder)}input:hover:not(:focus):not(:disabled),select:hover:not(:focus):not(:disabled),textarea:hover:not(:focus):not(:disabled){border-color:#0f172a29}input:focus,textarea:focus{border-color:var(--border-focus);background-color:#fff;outline:none;box-shadow:0 0 0 3px #0ea5e91f}select:focus{border-color:var(--border-focus);background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;outline:none;box-shadow:0 0 0 3px #0ea5e91f}input:disabled,select:disabled,textarea:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed;opacity:.75}@keyframes slideIn{0%{opacity:0;transform:translateY(100px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-slide-in{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards slideIn}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.demo-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000;background:#ffffffeb;padding:.75rem 1.5rem;font-size:.9rem;position:sticky;top:0}.demo-banner-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;max-width:1200px;margin:0 auto;display:flex}.badge-live{background:var(--gradient-primary);color:#fff;border-radius:var(--border-radius-sm);letter-spacing:.05em;box-shadow:var(--shadow-glow);padding:.2rem .5rem;font-size:.75rem;font-weight:800}.demo-shortcuts{align-items:center;gap:.5rem;display:flex}.main-header{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);z-index:999;padding:1rem 1.5rem;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto;display:flex}.logo-section{flex-direction:column;align-items:flex-start;gap:.2rem;display:flex}.logo-mark{object-fit:contain;flex-shrink:0;width:auto;max-width:138px;height:30px;display:block}.logo-icon{background:var(--gradient-primary);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px #06b6d44d);-webkit-background-clip:text;font-size:2rem}.logo-text span{color:var(--text-muted);letter-spacing:.14em;font-size:.6rem;font-weight:700}.nav-links{gap:.5rem;display:flex}.nav-btn{color:var(--text-secondary);font-family:var(--font-sans);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:.5rem 1rem;font-weight:600}.nav-btn:hover{color:var(--text-primary);background:#0ea5e90f}.nav-btn.active{color:var(--primary-cyan);background:#06b6d414;border:1px solid #06b6d426}.user-controls{align-items:center;gap:1rem;display:flex}.user-profile-badge{background:var(--bg-secondary);border-radius:var(--border-radius-full);border:1px solid var(--border-color);align-items:center;gap:.75rem;padding:.35rem .75rem;display:flex}.avatar{border-radius:var(--border-radius-full);background:var(--gradient-primary);color:#fff;width:32px;height:32px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.profile-info{flex-direction:column;line-height:1.1;display:flex}.profile-name{font-size:.85rem;font-weight:600}.role-badge{font-size:.65rem;font-weight:700}.badge-admin{color:var(--accent-amber)}.badge-buyer{color:var(--primary-cyan)}.logout-icon-btn{cursor:pointer;opacity:.7;transition:var(--transition-fast);background:0 0;border:none;margin-left:.25rem;padding:0;font-size:1rem}.logout-icon-btn:hover{opacity:1;transform:scale(1.1)}.guest-auth-actions{align-items:center;gap:.55rem;display:flex}.guest-auth-actions .btn{white-space:nowrap;border-radius:8px;min-height:2.45rem;padding:.62rem 1rem;font-size:.86rem}.cart-trigger{border-radius:var(--border-radius-md);cursor:pointer;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);transition:var(--transition-fast);align-items:center;gap:.6rem;padding:.6rem 1.1rem;font-weight:600;display:flex;position:relative}.cart-trigger:hover{border-color:var(--primary-cyan);background:#0ea5e90d}.cart-badge{background:var(--accent-rose);color:#fff;border-radius:var(--border-radius-full);justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 4px #0003}.cart-subtotal-nav{color:var(--primary-cyan);font-size:.85rem;font-weight:700}.content-container{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.shop-hero{background:var(--gradient-card);border-radius:var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-md);flex-direction:column;justify-content:center;min-height:280px;margin-bottom:3rem;padding:4rem 3rem;display:flex;position:relative;overflow:hidden}@media (max-width:480px){.shop-hero{min-height:auto;margin-bottom:1.5rem;padding:2rem 1.25rem}}.hero-overlay{background:var(--gradient-glow);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hero-text-content{z-index:1;max-width:700px;position:relative}.hero-text-content h2{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.75rem;font-size:2.25rem}.hero-text-content p{margin-bottom:2rem;font-size:1.05rem}.min-order-alert-box{border-radius:var(--border-radius-md);background:#06b6d40d;border:1px solid #06b6d426;padding:1.25rem}.min-order-header{justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;font-weight:700;display:flex}.min-order-progress-bg{border-radius:var(--border-radius-full);background:#0f172a0f;height:8px;margin-bottom:.5rem;overflow:hidden}.min-order-progress-fill{background:var(--gradient-primary);border-radius:var(--border-radius-full);height:100%;transition:width .4s}.min-order-progress-fill.emerald-fill{background:var(--accent-emerald)}.min-order-subtext{color:var(--text-secondary);font-size:.8rem!important}.filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:.75rem;display:flex}.filter-bar input:not([type=checkbox]):not([type=radio]),.filter-bar select{background-color:var(--input-bg);color:var(--text-primary);border:1px solid var(--input-border);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.mobile-search-filter-toggle-btn{display:none!important}.search-box{flex:1;min-width:250px;max-width:400px;position:relative}.search-icon{color:var(--primary-blue);font-size:1.1rem;position:absolute;top:50%;left:1.2rem;transform:translateY(-50%)}.search-box input{border-radius:var(--border-radius-full);border:1px solid var(--input-border);box-shadow:var(--shadow-sm);color:var(--text-primary);transition:all var(--transition-fast);background-color:#fff;padding-left:3rem;font-weight:500}.search-box input:focus{border-color:var(--primary-cyan);background-color:#fff;box-shadow:0 0 0 4px #0ea5e926}.categories-list{gap:.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.category-pill{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--border-radius-full);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.category-pill:hover{color:var(--primary-cyan);background:#0ea5e90d}.category-pill.active{background:var(--primary-cyan);border-color:var(--primary-cyan);color:#070a13}.hero-banner{background-color:#f8f9fa;border-radius:12px;justify-content:center;align-items:center;width:100%;max-height:135px;margin-bottom:.85rem;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.hero-banner img{object-fit:cover;width:100%;height:100%;max-height:135px;display:block}@media (max-width:640px){.hero-banner{border-radius:8px;max-height:80px;margin-bottom:.5rem}.hero-banner img{max-height:80px}}.category-nav-wrapper{box-sizing:border-box;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;margin-bottom:.75rem;display:flex;position:relative}.category-scroll-container{white-space:nowrap;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;flex:1;align-items:center;gap:.45rem;padding:.2rem .15rem;display:flex;overflow:auto hidden}.category-scroll-container::-webkit-scrollbar{display:none}.category-scroll-btn{background:var(--bg-card);border:1px solid var(--border-color);width:28px;height:28px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);z-index:2;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:flex;box-shadow:0 2px 6px #00000014}.category-scroll-btn:hover{background:var(--primary-cyan);color:#070a13;border-color:var(--primary-cyan);transform:scale(1.08)}.category-nav-pill{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:9999px;flex-shrink:0;align-items:center;gap:.4rem;padding:.42rem .85rem;font-size:.82rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.category-nav-pill:hover{color:var(--text-primary);background:#0ea5e914;border-color:#0ea5e966;transform:translateY(-1px)}.category-nav-pill.active{background:linear-gradient(135deg, var(--primary-cyan) 0%, #0284c7 100%);border-color:var(--primary-cyan);color:#fff;font-weight:700;box-shadow:0 4px 12px #0ea5e959}.category-nav-pill.active .cat-count-badge{color:#fff;background:#ffffff40}.cat-color-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 4px}.cat-count-badge{background:var(--bg-main,#0000000f);color:var(--text-secondary);border-radius:999px;padding:.1rem .45rem;font-size:.72rem;font-weight:600}.more-categories-container{flex-shrink:0;position:relative}.more-categories-btn{background:var(--bg-card);border:1px dashed var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:9999px;align-items:center;gap:.35rem;padding:.42rem .85rem;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.more-categories-btn:hover,.more-categories-btn.open{border-color:var(--primary-cyan);color:var(--text-primary);background:#0ea5e91a}.more-categories-dropdown{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;min-width:250px;max-width:300px;max-height:360px;animation:.15s ease-out catDropdownIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 32px #0003}@keyframes catDropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.more-categories-search{border-bottom:1px solid var(--border-color);background:#00000005;padding:.5rem .65rem}.more-categories-search input{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background:var(--input-bg);width:100%;color:var(--text-primary);box-sizing:border-box;outline:none;padding:.35rem .6rem;font-size:.8rem}.more-categories-search input:focus{border-color:var(--primary-cyan)}.more-categories-list{flex-direction:column;gap:.15rem;max-height:280px;padding:.35rem;display:flex;overflow-y:auto}.more-categories-item{border-radius:var(--border-radius-sm);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.45rem .65rem;font-size:.82rem;transition:all .15s;display:flex}.more-categories-item:hover{color:var(--primary-cyan);background:#0ea5e91a}.more-categories-item.active{background:var(--primary-cyan);color:#070a13;font-weight:700}.clear-category-pill{color:var(--accent-rose);cursor:pointer;white-space:nowrap;background:#ef44441a;border:1px solid #ef444440;border-radius:9999px;flex-shrink:0;align-items:center;gap:.3rem;padding:.42rem .75rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.clear-category-pill:hover{border-color:var(--accent-rose);background:#ef444433}.brand-filter-strip{white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:.4rem;margin-top:.2rem;margin-bottom:.75rem;padding:.15rem 0;display:flex;overflow-x:auto}.brand-filter-strip::-webkit-scrollbar{display:none}.filter-strip-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;margin-right:.25rem;font-size:.78rem;font-weight:700}.brand-pill{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:9999px;flex-shrink:0;padding:.3rem .7rem;font-size:.78rem;font-weight:500;transition:all .15s}.brand-pill:hover{color:var(--text-primary);background:#0ea5e90f}.brand-pill.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-main);font-weight:700}@media (max-width:640px){.category-scroll-btn{display:none}.category-nav-wrapper{margin-top:.4rem;margin-bottom:.4rem}.category-nav-pill{padding:.35rem .65rem;font-size:.76rem}.more-categories-dropdown{min-width:220px;left:0;right:auto}}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}@media (max-width:640px){.products-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.card-sku{display:none}.card-media{height:150px}.card-details{padding:.75rem}.card-details h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.35rem;font-size:.85rem;line-height:1.3;display:-webkit-box;overflow:hidden}.card-excerpt{-webkit-line-clamp:1;height:auto;margin-bottom:.75rem;font-size:.78rem}.card-inventory{margin-bottom:.75rem;padding-bottom:.5rem;font-size:.72rem}.price-tag .amount{font-size:1.1rem}.price-tag .currency,.price-tag .unit{font-size:.68rem}.product-card:hover{transform:none}}@media (max-width:360px){.products-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.card-media{height:120px}.card-details{padding:.6rem}.card-details h3{font-size:.78rem}.card-excerpt,.card-inventory{display:none}}.product-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);transition:var(--transition-normal);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{border-color:var(--primary-cyan);box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-8px)}.card-media{cursor:pointer;background:#f8fafc;height:220px;position:relative;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:100%;transition:var(--transition-normal)}.product-card:hover .card-media img{transform:scale(1.05)}.card-category-label{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--border-radius-sm);color:var(--primary-cyan);background:#ffffffeb;padding:.2rem .5rem;font-size:.7rem;font-weight:700;position:absolute;top:.75rem;left:.75rem}.card-details{flex-direction:column;flex:1;padding:1.5rem;display:flex}.card-sku{font-family:var(--font-mono,monospace);color:var(--text-muted);margin-bottom:.25rem;font-size:.7rem;display:block}.card-details h3{cursor:pointer;margin-bottom:.5rem;font-size:1.1rem;line-height:1.3}.card-details h3:hover{color:var(--primary-cyan)}.card-excerpt{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.7rem;margin-bottom:1.25rem;font-size:.85rem;display:-webkit-box;overflow:hidden}.card-inventory{border-bottom:1px solid var(--border-color);justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:.8rem;display:flex}.stock-status{font-weight:600}.stock-status.in-stock{color:var(--accent-emerald)}.stock-status.low-stock{color:var(--accent-amber)}.stock-status.out-of-stock{color:var(--accent-rose)}.stock-raw{color:var(--text-muted)}.card-price-action{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.price-tag{flex-direction:column;display:flex}.price-tag .currency{color:var(--text-muted);font-size:.75rem;font-weight:700}.price-tag .amount{color:var(--text-primary);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800;line-height:1}.price-tag .unit{color:var(--text-muted);font-size:.75rem}.quantity-counter{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);align-items:center;display:inline-flex;overflow:hidden}.quantity-counter button{width:32px;height:32px;color:var(--text-primary);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:1.1rem;display:flex}.quantity-counter button:hover{background:#0ea5e914}.quantity-counter span{text-align:center;width:36px;font-size:.9rem;font-weight:700}.quantity-counter.sm button{width:24px;height:24px;font-size:.9rem}.quantity-counter.sm span{width:28px;font-size:.8rem}@media (max-width:480px){.quantity-counter button{width:24px;height:24px;font-size:.85rem}.quantity-counter span{width:26px;font-size:.8rem}.quantity-counter.sm button{width:18px;height:18px;font-size:.65rem}.quantity-counter.sm span{width:18px;font-size:.62rem}}.no-results-box{text-align:center;background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);grid-column:1/-1;padding:4rem}.no-results-box span{margin-bottom:1rem;font-size:3rem;display:block}.orders-section{max-width:800px;margin:0 auto}.section-title{margin-bottom:.25rem;font-size:1.75rem}.section-subtitle{margin-bottom:2rem}.orders-list{flex-direction:column;gap:1.5rem;display:flex}.order-item-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.order-header-line{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;padding-bottom:1rem;display:flex}.order-date{color:var(--text-muted);font-size:.8rem}.status-badge{text-transform:uppercase;border-radius:var(--border-radius-sm);letter-spacing:.03em;padding:.25rem .65rem;font-size:.75rem;font-weight:700}.status-pending{color:var(--accent-amber);background:#f59e0b1a;border:1px solid #f59e0b33}.status-confirmed{color:var(--primary-cyan);background:#06b6d41a;border:1px solid #06b6d433}.status-processing{color:var(--primary-indigo);background:#6366f11a;border:1px solid #6366f133}.status-shipped{color:var(--primary-blue);background:#3b82f61a;border:1px solid #3b82f633}.status-delivered{color:var(--accent-emerald);background:#10b9811a;border:1px solid #10b98133}.status-rejected,.status-cancelled{color:var(--accent-rose);background:#f43f5e1a;border:1px solid #f43f5e33}.status-approved{color:var(--accent-emerald);background:#10b9811a;border:1px solid #10b98133}.order-buyer-details{font-size:.85rem}.order-buyer-details p{color:var(--text-secondary)}.order-buyer-details strong{color:var(--text-primary)}.order-table-preview{overflow-x:auto}.preview-table{border-collapse:collapse;width:100%;font-size:.85rem}.preview-table th{color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border-color);padding:.5rem;font-weight:600}.preview-table td{border-bottom:1px solid var(--border-color);padding:.5rem}.order-notes-box{background:var(--bg-secondary);border-left:3px solid var(--primary-cyan);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;padding:.75rem 1rem;font-size:.85rem}.order-footer-line{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:1rem;font-weight:700;display:flex}.invoice-total{color:var(--primary-cyan);font-size:1.25rem}.admin-portal{align-items:flex-start;gap:2rem;display:flex}.admin-sidebar{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:260px;padding:1.25rem;position:sticky;top:130px}.admin-sidebar h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;padding-left:.5rem;font-size:1rem}.admin-nav-menu{flex-direction:column;gap:.35rem;display:flex}.admin-menu-item{color:var(--text-secondary);font-family:var(--font-sans);text-align:left;border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;width:100%;padding:.75rem 1rem;font-weight:600;display:block}.admin-menu-item:hover{color:var(--text-primary);background:#0ea5e90f}.admin-menu-item.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.admin-content{flex:1;min-width:0}.admin-view-panel{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);flex-direction:column;gap:1.75rem;min-width:0;max-width:100%;padding:2rem;display:flex;overflow-x:hidden}.panel-header h2{margin-bottom:.25rem;font-size:1.5rem}.panel-header p{font-size:.9rem}.products-catalog-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.products-catalog-title{flex:260px;min-width:0}.products-catalog-title h2{letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.5rem}.products-catalog-title p{color:var(--text-secondary);font-size:.9rem}.products-catalog-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.catalog-btn-action{white-space:nowrap;align-items:center;gap:.45rem;font-weight:600;display:inline-flex}.catalog-bulk-banner{border-radius:var(--border-radius-md);background:linear-gradient(135deg,#0ea5e914 0%,#6366f10d 100%);border:1px solid #0ea5e940;flex-direction:column;gap:.75rem;margin-top:.25rem;margin-bottom:.5rem;padding:.85rem 1.15rem;display:flex;box-shadow:0 4px 14px -2px #0ea5e914}.catalog-bulk-banner-info{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.catalog-bulk-pill{color:var(--primary-cyan);border-radius:var(--border-radius-full);background:#0ea5e91f;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.88rem;font-weight:600;display:inline-flex}.catalog-bulk-clear-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--border-radius-sm);transition:var(--transition-fast);background:0 0;border:1px solid #0000;padding:.35rem .7rem;font-size:.82rem;font-weight:600}.catalog-bulk-clear-btn:hover{color:var(--accent-rose);background:#f43f5e14;border-color:#f43f5e33}.catalog-bulk-banner-buttons{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.catalog-bulk-btn{border-radius:var(--border-radius-md);white-space:nowrap;align-items:center;gap:.45rem;padding:.6rem 1rem;font-size:.88rem;display:inline-flex}.catalog-bulk-excel{color:#fff!important;background:linear-gradient(135deg,#16a34a,#15803d)!important;border:none!important}.catalog-bulk-excel:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #16a34a59}.catalog-bulk-pdf{color:#fff!important;background:linear-gradient(135deg,#dc2626,#b91c1c)!important;border:none!important}.catalog-bulk-pdf:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #dc262659}.mobile-bulk-floating-island{display:none}@media (max-width:768px){.products-catalog-header{flex-direction:column;align-items:stretch;gap:.85rem}.products-catalog-actions{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;display:grid}.catalog-btn-action{border-radius:var(--border-radius-md);justify-content:center;align-items:center;width:100%;min-height:44px;padding:.65rem .85rem;font-size:.9rem;display:flex}.catalog-bulk-banner{padding:.75rem}.catalog-bulk-banner-buttons{grid-template-columns:1fr 1fr;gap:.5rem;width:100%;display:grid}.catalog-bulk-banner-buttons .catalog-bulk-btn{justify-content:center;width:100%;min-height:44px;padding:.6rem .5rem;font-size:.82rem}.catalog-bulk-banner-buttons .btn-danger{grid-column:1/-1}.mobile-bulk-floating-island{bottom:max(16px, env(safe-area-inset-bottom,16px));z-index:1950;-webkit-backdrop-filter:blur(20px);background:#fffffff7;border:1px solid #0ea5e959;border-radius:18px;flex-direction:column;gap:.5rem;padding:.7rem .8rem;animation:.28s cubic-bezier(.16,1,.3,1) forwards slideUpFloat;display:flex;position:fixed;left:10px;right:10px;box-shadow:0 16px 40px -4px #0f172a47,0 0 20px #0ea5e933}@keyframes slideUpFloat{0%{opacity:0;transform:translateY(30px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.mobile-bulk-floating-header{border-bottom:1px solid #0f172a12;justify-content:space-between;align-items:center;padding:0 .25rem .35rem;display:flex}.mobile-bulk-pill-badge{color:var(--primary-cyan);align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;display:inline-flex}.mobile-bulk-pill-count{background:var(--gradient-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:800;display:inline-flex}.mobile-bulk-clear-link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .5rem;font-size:.78rem;font-weight:600}.mobile-bulk-clear-link:active{color:var(--accent-rose);background:#f43f5e1a}.mobile-bulk-floating-actions{-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:.4rem;padding-bottom:2px;display:flex;overflow-x:auto}.mobile-bulk-floating-actions::-webkit-scrollbar{display:none}.mobile-floating-action-btn{cursor:pointer;white-space:nowrap;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);touch-action:manipulation;border-radius:12px;flex-shrink:0;align-items:center;gap:.35rem;min-height:40px;padding:.55rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.mobile-floating-action-btn:active{transform:scale(.95)}.mobile-action-active{color:#047857;background:#10b98114;border-color:#10b9814d}.mobile-action-inactive{color:#334155;background:#64748b14;border-color:#64748b40}.mobile-action-excel{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);border-color:#0000;box-shadow:0 2px 8px #16a34a40}.mobile-action-pdf{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#0000;box-shadow:0 2px 8px #dc262640}.mobile-action-delete{color:#b91c1c;background:#ef444414;border-color:#ef44444d}}.analytics-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.metric-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);flex-direction:column;gap:.25rem;padding:1.25rem;display:flex}.metric-card.bg-glow{background:linear-gradient(135deg,#06b6d414 0%,#6366f108 100%);border-color:#06b6d426}.metric-card span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:700}.metric-card h2{font-size:1.5rem;font-weight:800}.metric-subtext{color:var(--text-secondary);font-size:.75rem!important}.spark-line{border-radius:var(--border-radius-full);height:4px;margin-top:.5rem}.analytics-charts-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:1.5rem}.analytics-charts-box h3{margin-bottom:1.5rem;font-size:1.1rem}.bar-chart-container{gap:1.5rem;height:200px;display:flex}.y-axis{color:var(--text-muted);text-align:right;flex-direction:column;justify-content:space-between;width:32px;padding-bottom:24px;font-size:.75rem;display:flex}.bars-area{border-bottom:1px solid var(--border-color);flex:1;justify-content:space-around;align-items:flex-end;padding-bottom:.25rem;display:flex}.chart-bar{background:var(--gradient-primary);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;width:45px;transition:height .6s cubic-bezier(.175,.885,.32,1.275);position:relative}.chart-bar:hover{filter:brightness(1.2)}.bar-value{white-space:nowrap;font-size:.7rem;font-weight:700;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.bar-label{color:var(--text-secondary);font-size:.75rem;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.admin-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.admin-data-table{border-collapse:collapse;width:100%;min-width:800px;font-size:.9rem}.admin-data-table th{color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border-color);padding:.75rem 1rem;font-weight:600}.admin-data-table td{border-bottom:1px solid var(--border-color);padding:1rem}.admin-data-table tr:hover{background:#0ea5e908}.table-product-cell{align-items:center;gap:.75rem;display:flex}.table-product-cell img{object-fit:cover;border-radius:var(--border-radius-sm);background:var(--bg-secondary);width:40px;height:40px}.table-product-cell strong{display:block}.table-product-cell span{font-size:.75rem}.badge-stock{border-radius:var(--border-radius-sm);padding:.2rem .5rem;font-size:.75rem;font-weight:700}.badge-stock.in{color:var(--accent-emerald);background:#10b9811a}.badge-stock.low{color:var(--accent-amber);background:#f59e0b1a}.table-actions{gap:.35rem;display:flex}.btn-table{border-radius:var(--border-radius-sm);padding:.35rem .65rem;font-size:.8rem}.table-select-action{border-radius:var(--border-radius-sm);width:auto;padding:.35rem 1.5rem .35rem .75rem;font-size:.8rem}.admin-catalog-filter-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.admin-cat-divider-row td{background:#0ea5e90d;border-top:1.5px solid #0ea5e940!important;border-bottom:1px solid #0ea5e926!important;padding:.6rem 1rem!important}.admin-cat-divider-row:hover td{background:#0ea5e917!important}.admin-cat-divider-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.admin-cat-divider-left{align-items:center;gap:.65rem;display:flex}.admin-cat-pos-badge{border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.78rem;font-weight:800;display:inline-flex}.admin-cat-divider-name{color:var(--text-primary);letter-spacing:.01em;font-size:.95rem;font-weight:700}.admin-cat-divider-sub{color:var(--text-muted);font-size:.75rem}.admin-cat-divider-right{align-items:center;gap:.6rem;display:flex}.admin-cat-count-badge{color:var(--text-secondary);background:#94a3b826;border-radius:12px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.admin-cat-select-btn{color:var(--primary-cyan,#0ea5e9);cursor:pointer;background:0 0;border:1px solid #0ea5e959;border-radius:6px;padding:.2rem .65rem;font-size:.75rem;font-weight:600;transition:all .15s}.admin-cat-select-btn:hover{border-color:var(--primary-cyan,#0ea5e9);background:#0ea5e91f}.product-reorder-btns{flex-direction:column;align-items:center;gap:3px;display:flex}.product-reorder-btn{width:26px;height:24px;color:var(--text-secondary);cursor:pointer;background:#94a3b812;border:1.5px solid #94a3b84d;border-radius:6px;justify-content:center;align-items:center;font-size:.65rem;line-height:1;transition:all .15s;display:inline-flex}.product-reorder-btn:hover:not(:disabled){border-color:var(--primary-cyan,#0ea5e9);color:var(--primary-cyan,#0ea5e9);background:#0ea5e926;transform:scale(1.1)}.product-reorder-btn:active:not(:disabled){transform:scale(.95)}.product-reorder-btn:disabled{opacity:.2;cursor:not-allowed}.admin-category-pill{align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.admin-category-pill-num{min-width:22px;height:20px;color:var(--primary-cyan,#0ea5e9);background:#0ea5e91f;border-radius:4px;justify-content:center;align-items:center;padding:0 4px;font-size:.72rem;font-weight:700;display:inline-flex}.mobile-only-category{display:none}.settings-form-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:1.5rem}.settings-form-box h3{margin-bottom:.25rem;font-size:1.1rem}.input-group-row{align-items:stretch;gap:.5rem;display:flex}.currency-label-prefix{background:var(--bg-secondary);border:1px solid var(--input-border);border-radius:var(--border-radius-md);color:var(--text-muted);align-items:center;padding:0 1rem;font-weight:700;display:flex}.cart-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#00000080;justify-content:flex-end;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.cart-drawer{background:var(--bg-card);border-left:1px solid var(--border-color);width:100%;max-width:440px;height:100%;box-shadow:var(--shadow-lg);flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.close-drawer-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.25rem}.cart-drawer-content{flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.cart-item-row{border-bottom:1px solid var(--border-color);align-items:flex-start;gap:.75rem;padding-bottom:1rem;display:flex}.cart-item-img{object-fit:cover;border-radius:var(--border-radius-sm);background:var(--bg-secondary);flex-shrink:0;width:72px;height:72px}.cart-item-content{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.cart-item-top{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.cart-item-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.88rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.cart-item-sku{color:var(--text-muted);margin-bottom:.35rem;font-size:.7rem;display:block}.cart-item-bottom-row{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.cart-item-unit-price{color:var(--text-primary);white-space:nowrap;font-size:1rem;font-weight:700}.cart-item-total-price{color:var(--text-secondary);white-space:nowrap;text-align:right;font-size:.85rem;font-weight:700}.btn-delete-cart-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 .1rem;font-size:.8rem;line-height:1}.btn-delete-cart-item:hover{color:var(--accent-rose)}.cart-empty-message{text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:4rem 1.5rem;display:flex}.cart-empty-message span{opacity:.5;font-size:3rem}.cart-drawer-footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.footer-summary-row{justify-content:space-between;align-items:center;font-weight:700;display:flex}.cart-min-order-validation{flex-direction:column;gap:.35rem;display:flex}.cart-private-validation{border-radius:var(--border-radius-sm);color:var(--text-secondary);background:#fff;border:1px solid #0f172a14;padding:.8rem .9rem;font-size:.82rem;font-weight:600;line-height:1.45}.cart-private-inline{color:var(--text-secondary);font-size:.78rem;font-weight:700}.validation-bar-header{justify-content:space-between;font-size:.75rem;font-weight:700;display:flex}.notes-textarea-wrapper label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.75rem;font-weight:700;display:block}.alert-banner{border-radius:var(--border-radius-md);padding:.75rem 1rem;font-size:.85rem;font-weight:500}.alert-banner-rose{color:var(--accent-rose);background:#f43f5e1a;border:1px solid #f43f5e33}.alert-banner-emerald{color:var(--accent-emerald);background:#10b9811a;border:1px solid #10b98133}.btn-checkout-action{width:100%}.cart-auth-note{text-align:center;color:var(--text-muted);font-size:.75rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2100;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;display:flex;position:fixed;top:0;left:0}.modal-content{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);background:#fff;width:100%;max-height:90vh;animation:.3s cubic-bezier(.34,1.56,.64,1) modalZoomIn;position:relative;overflow-y:auto}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.close-modal-btn{color:var(--text-secondary);cursor:pointer;z-index:10;background:0 0;border:none;font-size:1.25rem;position:absolute;top:1rem;right:1rem}.close-modal-btn:hover{color:var(--text-primary)}.product-detail-modal{max-width:800px}.modal-product-layout{grid-template-columns:1.2fr 1fr;min-height:450px;display:grid}@media (max-width:768px){.modal-product-layout{grid-template-columns:1fr}}.modal-product-media-panel{background:var(--bg-secondary);flex-direction:column;justify-content:center;min-height:300px;display:flex;position:relative}.modal-product-media-panel>img{object-fit:cover;width:100%;height:100%;transition:opacity var(--transition-fast)}.media-thumbnails{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);background:#ffffffb3;gap:.5rem;max-width:90%;padding:.4rem;display:flex;position:absolute;bottom:1rem;left:50%;overflow-x:auto;transform:translate(-50%)}.media-thumbnails .media-thumbnail{border-radius:var(--border-radius-sm);cursor:pointer;object-fit:cover;width:40px;height:40px;transition:all var(--transition-fast);opacity:.6;border:2px solid #0000}.media-thumbnails .media-thumbnail.active{border-color:var(--primary-cyan);opacity:1}.media-thumbnails .media-thumbnail:hover:not(.active){opacity:.9}.modal-product-info-panel{flex-direction:column;gap:1.25rem;padding:2rem;display:flex}.sku-tag{color:var(--text-muted);font-family:monospace;font-size:.75rem}.category-tag{color:var(--primary-cyan);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.modal-description{font-size:.9rem}.specs-list{background:var(--bg-secondary);border-radius:var(--border-radius-md);border:1px solid var(--border-color);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.spec-item{justify-content:space-between;font-size:.85rem;display:flex}.spec-item span{color:var(--text-secondary)}.modal-price-inventory-row{justify-content:space-between;align-items:center;display:flex}.modal-price-inventory-row .label{color:var(--text-muted);font-size:.75rem;display:block}.wholesale-price{color:var(--text-primary);font-size:1.5rem;font-weight:800}.modal-private-price{margin-top:.35rem}.stock-level-indicator{color:var(--accent-emerald);border-radius:var(--border-radius-full);background:#10b9811a;border:1px solid #10b98133;padding:.35rem .75rem;font-size:.8rem;font-weight:700}.quantity-counter-large{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);align-items:center;width:100%;display:flex}.quantity-counter-large button{color:var(--text-primary);background:0 0;border:none;flex:1;padding:.75rem 0;font-size:1.25rem}.quantity-counter-large button:hover{background:#0ea5e914}.quantity-counter-large span{text-align:center;flex:2;font-weight:700}.btn-large-add{width:100%;padding:1rem}.auth-modal{background:#fff;max-width:440px;padding:2.25rem}.auth-header{text-align:center;margin-bottom:1.75rem}.auth-header h2{margin-bottom:.5rem;font-size:1.5rem}.auth-header p{font-size:.85rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.auth-switch-prompt{text-align:center;color:var(--text-muted);margin-top:1rem;font-size:.85rem}.auth-switch-prompt span{color:var(--primary-cyan);cursor:pointer;text-decoration:underline}.btn-auth-action{width:100%;margin-top:.5rem;padding:.85rem;font-size:1rem;font-weight:600}.auth-divider{text-align:center;align-items:center;margin:1.5rem 0;display:flex}.auth-divider-compact{margin:1rem 0}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--border-color);flex:1}.auth-divider span{color:var(--text-muted);text-transform:uppercase;padding:0 1rem;font-size:.8rem;font-weight:600}.btn-google{color:#333;border-radius:var(--border-radius-md);cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.75rem;font-size:.95rem;font-weight:600;transition:background-color .2s,box-shadow .2s;display:flex}.btn-google-primary{min-height:2.9rem;box-shadow:var(--shadow-sm);border-color:#0f172a1f}.btn-google:hover{background-color:#f8f9fa;box-shadow:0 2px 4px #0000000d}.btn-google:disabled{opacity:.7;cursor:not-allowed}.admin-product-modal{background:#fff;max-width:650px;padding:2rem}.admin-product-form{flex-direction:column;gap:1.25rem;margin-top:1.5rem;display:flex}.admin-product-form .form-group label{color:var(--text-secondary);font-weight:600}.form-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.firebase-upload-zone{border:2px dashed var(--input-border);border-radius:var(--border-radius-md);background:var(--bg-secondary);transition:var(--transition-normal);padding:1.5rem}.firebase-upload-zone:hover{border-color:var(--primary-cyan);background:#06b6d403}.upload-dropzone{cursor:pointer;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:relative}.upload-icon{opacity:.6;font-size:2rem}.file-input-hide{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.progress-upload-bar-wrapper{width:100%;margin-top:.75rem}.progress-label{margin-bottom:.25rem;font-size:.75rem;font-weight:600}.progress-bar-bg{border-radius:var(--border-radius-full);background:#0f172a0f;height:6px;overflow:hidden}.progress-bar-fill{background:var(--primary-cyan);border-radius:var(--border-radius-full);height:100%;transition:width .2s}.uploaded-preview-row{align-items:center;gap:1rem;display:flex}.uploaded-preview-row img{object-fit:cover;border-radius:var(--border-radius-sm);background:var(--bg-secondary);width:60px;height:60px}.uploaded-preview-row div{flex-direction:column;flex:1;display:flex}.uploaded-preview-row span{font-size:.85rem;font-weight:600}.uploaded-preview-row small{color:var(--text-muted);font-size:.75rem}.modal-form-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.75rem;margin-top:.5rem;padding-top:1.5rem;display:flex}.main-footer{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid var(--glass-border);text-align:center;color:var(--text-secondary);font-size:.85rem;font-family:var(--font-sans);margin-top:auto;padding:1.75rem 1.5rem}@media (max-width:600px){.header-container{flex-direction:column;align-items:stretch}.nav-links{justify-content:center}.user-controls{justify-content:space-between}.admin-portal{flex-direction:column}.admin-sidebar{width:100%;position:static}}.products-table-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);width:100%;box-shadow:var(--shadow-sm);overflow-x:auto}.wholesale-table{border-collapse:collapse;width:100%;min-width:800px}.wholesale-table th,.wholesale-table td{border-bottom:1px solid var(--border-color);text-align:left;vertical-align:middle;padding:1rem}.wholesale-table th{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-card);z-index:10;font-size:.9rem;position:sticky;top:0}.wholesale-table tr:hover td{background:#0ea5e908}.wholesale-table td{color:var(--text-primary)}.table-img-wrapper{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);width:150px;height:150px;transition:transform var(--transition-fast);background:#fbfcfd;position:relative;overflow:hidden}.image-count-badge{color:#fff;border-radius:var(--border-radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:2;background:#000000a6;padding:3px 6px;font-size:.7rem;font-weight:600;position:absolute;bottom:8px;right:8px}.table-img-wrapper:hover{transform:scale(1.05)}.table-thumbnail{object-fit:cover;width:100%;height:100%}.table-thumbnail-placeholder{width:100%;height:100%;color:var(--text-muted);background:var(--bg-secondary);justify-content:center;align-items:center;font-size:.6rem;display:flex}.table-item-name{margin-bottom:.25rem;font-size:.95rem;font-weight:600}.table-item-sku{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono,monospace)}.table-item-warranty{color:var(--text-muted);margin-top:.25rem;font-size:.73rem;font-weight:500}.new-product-badge{z-index:10;letter-spacing:.1em;text-transform:uppercase;color:#fff;pointer-events:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:0 0 6px;padding:2px 8px;font-size:.58rem;font-weight:800;animation:2.5s ease-in-out infinite new-badge-pulse;position:absolute;top:0;left:0;box-shadow:0 2px 8px #6366f173}@keyframes new-badge-pulse{0%,to{box-shadow:0 2px 8px #6366f173}50%{box-shadow:0 2px 16px #8b5cf6b3}}.new-status-cell{flex-direction:column;align-items:center;gap:.35rem;display:flex}.admin-new-badge{color:#4f46e5;border-radius:var(--border-radius-full);white-space:nowrap;background:linear-gradient(135deg,#6366f11f 0%,#8b5cf62e 100%);border:1px solid #6366f159;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.74rem;font-weight:700;display:inline-flex}.new-action-buttons{align-items:center;gap:.3rem;display:flex}.btn-new-renew{color:#4f46e5;cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:#6366f114;border:1px solid #6366f140;border-radius:6px;padding:.15rem .45rem;font-size:.68rem;font-weight:600}.btn-new-renew:hover{color:#fff;background:#6366f1}.btn-new-remove{color:var(--accent-rose);cursor:pointer;transition:var(--transition-fast);background:0 0;border:1px solid #ef444440;border-radius:6px;padding:.15rem .35rem;font-size:.68rem;font-weight:700}.btn-new-remove:hover{background:#ef444426}.btn-mark-new{color:#4f46e5;cursor:pointer;white-space:nowrap;transition:var(--transition-fast);background:#6366f10f;border:1.5px dashed #6366f159;border-radius:8px;align-items:center;gap:.3rem;padding:.35rem .65rem;font-size:.74rem;font-weight:600;display:inline-flex}.btn-mark-new:hover{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-style:solid;border-color:#0000;box-shadow:0 2px 10px #6366f159}.catalog-bulk-new{color:#4f46e5!important;background:linear-gradient(135deg,#6366f11f,#8b5cf62e)!important;border:1px solid #6366f159!important}.catalog-bulk-new:hover{box-shadow:0 4px 14px #6366f159;color:#fff!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important}.mobile-action-new{color:#4f46e5!important;background:#6366f11a!important;border-color:#6366f159!important}.new-product-badge-modal{border-radius:var(--border-radius-full);color:#fff;letter-spacing:.03em;background:linear-gradient(135deg,#6366f1,#8b5cf6);margin-left:.5rem;padding:.25rem .65rem;font-size:.72rem;font-weight:800;display:inline-block;box-shadow:0 2px 8px #6366f166}.table-quantity-control{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-full);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast);align-items:center;padding:.15rem;display:inline-flex;overflow:hidden}.table-quantity-control:hover{border-color:var(--primary-cyan)}.qty-btn{color:var(--text-primary);border-radius:var(--border-radius-full);cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.qty-btn:hover:not(:disabled){background:var(--primary-cyan);color:#fff}.qty-btn:disabled{color:var(--border-color);cursor:not-allowed;opacity:.5}.qty-input{text-align:center;width:44px;height:28px;color:var(--text-primary)!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important;font-size:1rem!important;font-weight:700!important}.qty-input:focus{box-shadow:none;background:0 0}.qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input[type=number]{-moz-appearance:textfield}.na-text{color:var(--text-muted);font-size:.85rem}.shop-compact-header{background:var(--bg-card);border-radius:var(--border-radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1.25rem 1.5rem;display:flex}.shop-header-left h2{font-family:var(--font-title);color:var(--text-primary);margin-bottom:.2rem;font-size:1.4rem;font-weight:700}.shop-header-left p{color:var(--text-muted);font-size:.85rem}.min-order-badge{border-radius:var(--border-radius-sm);background:linear-gradient(135deg,#0ea5e914 0%,#4f46e514 100%);border:1px solid #0ea5e933;flex-direction:column;align-items:flex-end;padding:.6rem 1rem;display:flex}.min-order-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:.7rem;font-weight:500}.min-order-value{color:var(--primary-cyan);font-size:1.1rem;font-weight:700;font-family:var(--font-title)}.shop-two-col-layout{grid-template-columns:1fr 280px;align-items:start;gap:1.25rem;display:grid}.shop-product-main{min-width:0}.wholesale-table tbody tr.row-in-cart{background:#0ea5e90a}.wholesale-table tbody tr.row-in-cart td{border-left:none;border-right:none}.wholesale-table tbody tr.row-in-cart td:first-child{border-left:3px solid var(--primary-cyan)}.col-no{width:40px}.col-img{width:110px}.col-warranty{width:100px;color:var(--text-muted);font-size:.85rem}.col-price,.col-qty{white-space:nowrap}.col-amount{white-space:nowrap;font-weight:600}.line-total{color:var(--primary-blue);font-size:.95rem;font-weight:700}.line-total-empty{color:var(--text-muted)}.price-blurred{-webkit-filter:blur(5px);-webkit-user-select:none;user-select:none;color:var(--text-muted);pointer-events:none;font-weight:600}.price-hidden-pill{min-height:2rem;color:var(--primary-blue);letter-spacing:0;white-space:nowrap;box-shadow:none;background:#eff6ff;border:1px solid #2563eb29;border-radius:999px;padding:.36rem .72rem;font-size:.74rem;font-weight:700}.price-hidden-pill:hover:not(:disabled){color:#1d4ed8;box-shadow:none;background:#dbeafe;border-color:#2563eb47;transform:none}.price-hidden-pill-compact{color:#334155;background:#f8fafc;border-color:#33415524;padding-inline:.62rem}.price-access-note{color:var(--text-secondary);letter-spacing:0;vertical-align:middle;text-transform:none;background:#0f172a0f;border-radius:999px;align-items:center;margin-left:.4rem;padding:.12rem .38rem;font-size:.62rem;font-weight:700;display:inline-flex}.invoice-total-section{border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-md);margin-top:1.25rem;overflow:hidden}.invoice-total-inner{padding:1.5rem}.invoice-line-items{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.invoice-line{grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding:.4rem 0;font-size:.88rem;display:grid}.invoice-line-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.invoice-line-qty{color:var(--text-muted);white-space:nowrap}.invoice-line-amount{color:var(--text-primary);white-space:nowrap;text-align:right;font-weight:600}.invoice-divider{background:var(--border-color);height:1px;margin-bottom:1rem}.invoice-grand-total-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.invoice-grand-label{flex-direction:column;gap:.15rem;display:flex}.invoice-grand-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.75rem;font-weight:700}.invoice-grand-items{color:var(--text-muted);font-size:.8rem}.invoice-grand-amount{align-items:baseline;gap:.4rem;display:flex}.invoice-grand-rs{color:var(--text-secondary);font-size:1rem;font-weight:600}.invoice-grand-num{font-size:2rem;font-weight:800;font-family:var(--font-title);color:var(--text-primary);line-height:1}.invoice-min-warning{border-radius:var(--border-radius-sm);color:var(--accent-amber);background:#d977060f;border:1px solid #d9770633;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.82rem;display:flex}.invoice-progress-bar-bg{background:#d9770626;border-radius:99px;height:6px;overflow:hidden}.invoice-progress-bar-fill{background:var(--accent-amber);border-radius:99px;height:100%;transition:width .4s}.invoice-min-met{border-radius:var(--border-radius-sm);color:var(--accent-emerald);background:#0596690f;border:1px solid #05966933;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.65rem 1rem;font-size:.85rem;font-weight:500;display:flex}.invoice-checkout-btn{width:100%;padding:.9rem;font-size:1rem;font-weight:600}.shop-cart-sidebar{align-self:flex-start;position:sticky;top:124px}.cart-summary-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);overflow:hidden}.cart-summary-header{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#0ea5e90f 0%,#4f46e50f 100%);align-items:center;gap:.6rem;padding:1rem 1.25rem;display:flex}.cart-summary-icon{font-size:1.1rem}.cart-summary-header h3{font-family:var(--font-title);color:var(--text-primary);flex:1;font-size:1rem;font-weight:700}.cart-summary-count{background:var(--primary-cyan);color:#fff;text-align:center;border-radius:99px;min-width:22px;padding:.15rem .5rem;font-size:.72rem;font-weight:700}.cart-summary-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1.25rem;display:flex}.cart-summary-empty span{opacity:.5;font-size:2rem}.cart-summary-empty p{color:var(--text-secondary);font-weight:500}.cart-summary-empty small{font-size:.78rem}.cart-summary-items{flex-direction:column;gap:0;max-height:380px;padding:.5rem 0;display:flex;overflow-y:auto}.cart-summary-item{transition:background var(--transition-fast);align-items:center;gap:.6rem;padding:.6rem 1.25rem;display:flex}.cart-summary-item:hover{background:var(--bg-card-hover)}.cart-summary-img{object-fit:cover;border:1px solid var(--border-color);border-radius:4px;flex-shrink:0;width:36px;height:36px}.cart-summary-item-info{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.cart-summary-item-name{color:var(--text-secondary);white-space:normal;text-overflow:ellipsis;font-size:.75rem;font-weight:400;line-height:1.4;overflow:hidden}.cart-summary-item-qty{color:var(--text-muted);font-size:.72rem}.cart-summary-item-price{color:var(--primary-blue);white-space:nowrap;flex-shrink:0;font-size:.8rem;font-weight:700}.cart-summary-private-price{min-height:1.75rem;color:var(--primary-blue);white-space:nowrap;box-shadow:none;background:#eff6ff;border:1px solid #2563eb29;border-radius:999px;flex-shrink:0;padding:.28rem .58rem;font-size:.7rem;font-weight:700}.cart-summary-private-price:hover:not(:disabled){box-shadow:none;background:#dbeafe;border-color:#2563eb47;transform:none}.cart-summary-divider{background:var(--border-color);height:1px;margin:0 1.25rem}.cart-summary-total-row{color:var(--text-primary);justify-content:space-between;align-items:center;padding:.85rem 1.25rem;font-size:.95rem;font-weight:600;display:flex}.cart-summary-total-row strong{font-size:1.1rem;font-family:var(--font-title)}.cart-checkout-btn{text-align:center;width:calc(100% - 2.5rem);transition:opacity var(--transition-fast);border-radius:8px;margin:0 1.25rem 1.25rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;display:block}.cart-checkout-btn:disabled{opacity:.5;cursor:not-allowed}.cart-summary-progress{flex-direction:column;gap:.4rem;padding:0 1.25rem 1.25rem;display:flex}.cart-summary-private-note{border-radius:var(--border-radius-sm);background:var(--bg-secondary);color:var(--text-secondary);margin:0 1.25rem 1.25rem;padding:.75rem .85rem;font-size:.78rem;font-weight:600;line-height:1.45}.cart-progress-label{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.cart-progress-track{background:#0000000f;border-radius:99px;height:6px;overflow:hidden}.cart-progress-fill{background:var(--accent-amber);border-radius:99px;height:100%;transition:width .4s}.cart-progress-fill.fill-emerald{background:var(--accent-emerald)}.cart-progress-note{color:var(--accent-amber);font-size:.72rem}.text-emerald{color:var(--accent-emerald)}.text-amber{color:var(--accent-amber)}@media (max-width:1024px){.shop-two-col-layout{grid-template-columns:1fr}.shop-cart-sidebar{order:-1;position:static}.cart-summary-panel{grid-template-columns:1fr 1fr;display:grid}}.mobile-only{display:none!important}@media (max-width:768px){.shop-compact-header{flex-direction:column;align-items:flex-start;gap:.75rem}.min-order-badge{align-items:flex-start;width:100%}.shop-two-col-layout{grid-template-columns:1fr}.modal-content.product-detail-modal{border-radius:0;width:100%;height:100%;max-height:100vh;overflow-y:auto}.modal-product-layout{grid-template-columns:1fr}.modal-product-media-panel{min-height:260px}.filter-bar{flex-direction:column;align-items:stretch;gap:.75rem}.search-box{max-width:100%}.header-container{flex-wrap:wrap;gap:.5rem;padding:.5rem 1rem}.logo-mark{max-width:120px;height:26px}.logo-text span{display:none}.nav-links{order:3;justify-content:center;gap:.25rem;width:100%}.nav-btn{padding:.4rem .75rem;font-size:.85rem}.user-controls{flex:1;justify-content:space-between}.guest-auth-actions{gap:.4rem}.guest-auth-actions .btn{padding:.5rem .72rem;font-size:.78rem}.admin-portal{flex-direction:column}.admin-view-panel{padding:1rem}.admin-sidebar{width:100%;position:static}.admin-data-table{min-width:400px;font-size:.6rem}.admin-data-table th,.admin-data-table td{padding:.2rem .3rem}.admin-data-table .table-product-cell img{width:24px;height:24px}.admin-data-table td span,.admin-data-table td div{line-height:1.1;font-size:.6rem!important}.admin-data-table td strong{line-height:1.1;font-size:.65rem!important}.admin-data-table .badge-stock,.admin-data-table .status-badge{padding:.15rem .3rem!important;font-size:.55rem!important}.admin-data-table .table-actions .btn-table{min-height:unset;padding:.2rem .3rem!important;font-size:.6rem!important}.hide-on-mobile{display:none!important}.mobile-only{display:inline-block!important}.mobile-only-category{font-weight:600;color:var(--primary-cyan,#0284c7)!important;font-size:.65rem!important;display:inline-block!important}.mobile-product-no{color:var(--primary-cyan,#0284c7);letter-spacing:.02em;background:#0ea5e914;border:1px solid #0ea5e938;border-radius:4px;align-self:flex-start;margin-bottom:3px;padding:1px 6px;font-size:.68rem;font-weight:700;line-height:1.3;display:inline-block}.wholesale-table-wrapper{overflow:hidden}.wholesale-table{width:100%;min-width:0;display:block}.wholesale-table thead{display:none}.wholesale-table tbody{flex-direction:column;gap:.75rem;width:100%;display:flex}.wholesale-table tbody tr{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:14px;align-items:center;gap:10px 8px;padding:12px;box-shadow:0 1px 4px #0000000d;grid-template:"img title title""price qty amount"/80px 1fr 1fr!important;display:grid!important}.wholesale-table td{align-items:center;display:flex;background:0 0!important;border:none!important;padding:0!important}.wholesale-table td.col-img{grid-area:img;justify-content:center;align-self:center;align-items:center;width:80px;height:80px}.table-img-wrapper{background:#f8fafc;border-radius:10px;overflow:hidden;width:80px!important;height:80px!important}.table-thumbnail{object-fit:cover;width:100%;height:100%}.image-count-badge,.wholesale-table td.col-no{display:none!important}.wholesale-table td.col-item{flex-direction:column;grid-area:title;justify-content:center;align-self:center;align-items:flex-start;padding-left:4px;grid-column:2/-1!important}.table-item-name{-webkit-line-clamp:2;text-overflow:ellipsis;color:var(--text-primary);-webkit-box-orient:vertical;margin-bottom:0;font-size:.95rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.table-item-warranty,.table-item-brand,.table-item-type{display:none!important}.wholesale-table td.col-price,.wholesale-table td.col-qty,.wholesale-table td.col-amount{border-top:1px solid var(--border-color,#f1f5f9)!important;padding-top:8px!important}.wholesale-table td.col-price{grid-area:price;min-width:0;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important}.wholesale-table td.col-price:before{content:"Price";color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:.65rem;font-weight:600}.wholesale-table td.col-price strong{color:var(--text-primary);white-space:nowrap;font-weight:700;font-size:.92rem!important}.wholesale-table td.col-price strong:before{content:"Rs. ";color:var(--text-muted,#64748b);font-size:.72rem;font-weight:500}.wholesale-table td.col-qty{grid-area:qty;flex-direction:column!important;justify-content:center!important;align-items:center!important}.wholesale-table td.col-amount{grid-area:amount;min-width:0;flex-direction:column!important;justify-content:center!important;align-items:flex-end!important}.wholesale-table td.col-amount:before{content:"Total";color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:.65rem;font-weight:600}.line-total{white-space:nowrap;color:var(--primary-blue,#2563eb)!important;font-size:.95rem!important;font-weight:800!important}.line-total:before{content:"Rs. ";color:var(--primary-blue,#2563eb);opacity:.85;font-size:.72rem;font-weight:600}.line-total-empty{font-weight:600;color:var(--text-muted,#94a3b8)!important;font-size:.92rem!important}.table-quantity-control{border:1.5px solid var(--border-color,#cbd5e1)!important;background:var(--bg-surface,#fff)!important;border-radius:999px!important;flex-flow:row!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:1px 3px!important;display:inline-flex!important;transform:none!important;box-shadow:0 1px 2px #0000000d!important}.qty-btn{touch-action:manipulation;width:26px!important;min-width:26px!important;height:26px!important;min-height:26px!important;color:var(--text-primary)!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:999px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;padding:0!important;font-size:1.1rem!important;font-weight:600!important;line-height:1!important;display:flex!important}.qty-btn:active:not(:disabled){background:var(--primary-cyan,#0ea5e9)!important;color:#fff!important}.qty-btn:disabled{opacity:.3!important;cursor:not-allowed!important}.qty-input{text-align:center!important;width:28px!important;min-width:28px!important;height:26px!important;color:var(--text-primary)!important;-moz-appearance:textfield!important;background:0 0!important;border:none!important;flex-shrink:0!important;margin:0!important;padding:0!important;font-size:.9rem!important;font-weight:700!important}.filter-bar{flex-direction:column;gap:.6rem;margin-bottom:1rem}.search-group{flex-direction:column!important}.search-box{flex:auto!important;min-width:0!important;max-width:100%!important}.filter-controls-row{flex-direction:column!important;align-items:stretch!important}.sort-dropdown select{width:100%}.categories-list{box-sizing:border-box;flex-wrap:wrap;gap:.4rem;width:100%;max-width:100%;padding-bottom:.25rem}.category-pill{padding:.35rem .7rem;font-size:.75rem}.shop-cart-sidebar{border-radius:var(--border-radius-md);width:100%}.cart-summary-panel{display:block}.modal-overlay{align-items:center;padding:1rem}.modal-content.product-detail-modal{border-radius:var(--border-radius-lg);width:95%;max-height:90vh;overflow-y:auto}.modal-product-layout{min-height:unset;flex-direction:column}.modal-product-media-panel{min-height:280px;max-height:350px}.modal-product-info-panel{gap:.5rem;padding:1rem}.modal-product-info-panel h2{margin-bottom:.2rem;font-size:1rem;line-height:1.2}.modal-description{font-size:.75rem;line-height:1.4}.sku-tag,.category-tag{font-size:.65rem}.modal-price-inventory-row{margin-top:.5rem}.modal-price-inventory-row .label{font-size:.65rem}.wholesale-price{font-size:1.1rem}.stock-level-indicator{padding:.2rem .5rem;font-size:.7rem}.mobile-search-filter-toggle-btn{color:var(--text-primary);border-radius:var(--border-radius-md);cursor:pointer;box-sizing:border-box;width:100%;transition:all var(--transition-fast);background:linear-gradient(135deg,#0ea5e914 0%,#4f46e514 100%);border:1px solid #0ea5e933;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;display:flex!important}.mobile-search-filter-toggle-btn:hover{border-color:var(--primary-cyan);background:#0ea5e926}.toggle-btn-content{align-items:center;gap:.5rem;display:flex}.toggle-icon{font-size:1.1rem}.toggle-caret{color:var(--text-muted);font-size:.8rem}.filter-section-wrapper{width:100%;display:none}.filter-section-wrapper.mobile-open{display:block}.desktop-only{display:none!important}.close-modal-btn{color:#fff;background:#0006;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex;top:.5rem;right:.5rem}.table-item-name{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.25;display:-webkit-box;overflow:hidden}.table-item-sku,.table-item-warranty,.table-item-brand,.table-item-type{opacity:.85;font-size:.55rem!important}.shop-two-col-layout{max-width:100%;margin:0 auto;padding:0 1rem;grid-template-columns:1fr!important}.shop-product-main{width:100%}.shop-cart-sidebar{display:none}}.admin-order-list{flex-direction:column;gap:1rem;display:flex}.order-admin-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg,12px);transition:box-shadow .2s,transform .15s;overflow:hidden;box-shadow:0 1px 4px #0000000f}.order-admin-card:hover{transform:translateY(-1px);box-shadow:0 4px 18px #0000001a}.order-admin-card-header{cursor:pointer;border-bottom:1px solid var(--border-color);background:var(--surface-2);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.85rem 1.1rem;transition:background .15s;display:flex}.order-admin-card-header:hover{background:var(--surface-3,#6366f10a)}.order-admin-card-header h3{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:.95rem;font-weight:700;display:flex}.order-admin-card-header-meta{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.82rem;display:flex}.order-admin-card-body{grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding:.85rem 1.1rem;display:grid}.order-admin-card-info h4{color:var(--text-primary);margin:0 0 .15rem;font-size:.92rem;font-weight:700}.order-admin-card-info p{color:var(--text-secondary);margin:0;font-size:.8rem}.order-admin-card-status{min-width:150px}.order-admin-card-status label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.3rem;font-size:.7rem;font-weight:700;display:block}.order-admin-card-total{color:var(--primary-blue);white-space:nowrap;text-align:right;min-width:90px;font-size:1.05rem;font-weight:800}.order-admin-card-expanded{border-top:1px dashed var(--border-color);padding:0 1.1rem .85rem;animation:.18s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.order-admin-card-expanded table{border-collapse:collapse;width:100%;margin-top:.6rem}.order-admin-card-expanded thead tr{border-bottom:1px solid var(--border-color)}.order-admin-card-expanded thead th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;padding:.4rem .6rem;font-size:.75rem;font-weight:700}.order-admin-card-expanded thead th:first-child{text-align:left}.order-admin-card-expanded thead th:nth-child(4),.order-admin-card-expanded thead th:nth-child(6){text-align:right}.order-admin-card-expanded thead th:nth-child(5){text-align:center}.order-admin-card-expanded tbody tr{border-bottom:1px solid #0f172a0a;transition:background .1s}.order-admin-card-expanded tbody tr:hover{background:var(--surface-2)}.order-admin-card-expanded tbody td{color:var(--text-primary);vertical-align:middle;padding:.5rem .6rem;font-size:.88rem}.order-admin-card-expanded .item-img{object-fit:cover;background:var(--surface-2);border-radius:6px;width:40px;height:40px;display:block}.order-admin-card-notes{color:var(--accent-amber,#f59e0b);border-left:3px solid var(--accent-amber,#f59e0b);background:#f59e0b14;border-radius:6px;margin-top:.75rem;padding:.6rem 1rem;font-size:.85rem;line-height:1.5}.order-admin-card-footer{border-top:1px solid var(--border-color);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:.8rem;padding:.8rem 1.1rem;display:flex}.footer-contact-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.footer-phone-chip{border:1px solid var(--border-color);height:32px;color:var(--text-primary);box-shadow:var(--shadow-sm);white-space:nowrap;background:#fff;border-radius:6px;align-items:center;gap:.35rem;padding:0 .65rem;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.footer-phone-chip:hover{border-color:var(--primary-blue)}.footer-phone-chip strong{font-weight:700}.footer-wa-btn{color:#25d366;white-space:nowrap;box-sizing:border-box;background:#fff;border:1.5px solid #25d366;border-radius:6px;align-items:center;gap:.35rem;height:32px;padding:0 .65rem;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.footer-wa-btn:hover{color:#fff;background:#25d366}.footer-discount{flex-wrap:nowrap;align-items:center;gap:.3rem;margin-left:auto;display:flex}.footer-discount label{color:var(--text-secondary);white-space:nowrap;font-size:.75rem;font-weight:700}.footer-discount input[type=number]{border:1px solid var(--input-border);width:42px;height:32px;color:var(--text-primary);text-align:center;box-shadow:var(--shadow-sm);box-sizing:border-box;border-radius:6px;padding:0 .2rem;font-size:.8rem;background-color:#fff!important}.footer-actions-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.footer-actions-row .btn{white-space:nowrap;box-sizing:border-box;justify-content:center;align-items:center;height:32px;padding:0 .8rem;font-size:.8rem;display:inline-flex}@media (max-width:640px){.order-admin-card-body{grid-template-columns:1fr;gap:.65rem}.order-admin-card-total{text-align:left}.order-admin-card-status{min-width:unset;width:100%}.order-admin-card-footer{flex-direction:column;align-items:stretch;gap:.6rem;padding:.75rem}.footer-discount{justify-content:space-between;margin-left:0}.footer-actions-row{justify-content:flex-end}}.product-discount-cell{flex-direction:column;align-items:center;gap:.35rem;display:flex}.product-discount-input{border:1.5px solid var(--input-border);width:62px;color:var(--text-primary);text-align:center;box-shadow:var(--shadow-sm);border-radius:8px;padding:.32rem .45rem;font-size:.88rem;transition:border-color .15s,box-shadow .15s;background-color:#fff!important}.product-discount-input:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #2563eb1f}.product-discount-badge{white-space:nowrap;letter-spacing:.02em;border-radius:100px;align-items:center;padding:.15rem .55rem;font-size:.7rem;font-weight:700;display:inline-flex}.restrict-toggle{cursor:pointer;align-items:center;gap:.4rem;display:inline-flex;position:relative}.restrict-toggle input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.restrict-toggle-track{background:var(--border-color);border-radius:100px;flex-shrink:0;width:34px;height:18px;transition:background .2s;display:inline-block;position:relative}.restrict-toggle input:checked~.restrict-toggle-track{background:var(--accent-rose,#f43f5e)}.restrict-toggle-thumb{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000002e}.restrict-toggle input:checked~.restrict-toggle-track .restrict-toggle-thumb{transform:translate(16px)}.restrict-label{font-size:.85rem}.order-admin-card-total{flex-direction:column;align-items:flex-end;gap:.15rem;display:flex}.card-total-original{color:var(--text-secondary);font-size:.82rem;font-weight:500;text-decoration:line-through}.card-total-discounted{color:#10b981;font-size:1.08rem;font-weight:800}.discount-badge-inline{color:#10b981;background:#10b9811f;border-radius:100px;padding:.1rem .4rem;font-size:.7rem;font-weight:700;display:inline-block}.footer-discount-saved{color:#10b981;white-space:nowrap;box-sizing:border-box;background:#10b9811a;border:1px solid #10b98140;border-radius:100px;flex-shrink:0;align-items:center;height:30px;padding:0 .5rem;font-size:.72rem;font-weight:700;display:inline-flex}.discount-badge-pill{color:#059669;white-space:nowrap;background:linear-gradient(135deg,#10b98126,#0596691a);border:1.5px solid #10b9814d;border-radius:100px;align-items:center;gap:.25rem;padding:.25rem .65rem;font-size:.78rem;font-weight:700;animation:.2s fadeInUp;display:inline-flex}.invoice-total-discounted{font-size:1.05rem;color:#059669!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.discount-badge-no{color:#e11d48;white-space:nowrap;background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:100px;align-items:center;gap:.2rem;padding:.18rem .5rem;font-size:.72rem;font-weight:700;display:inline-flex}.discount-badge-capped{color:#d97706;white-space:nowrap;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:100px;align-items:center;gap:.2rem;padding:.18rem .5rem;font-size:.72rem;font-weight:700;display:inline-flex}.discount-badge-full{color:#059669;white-space:nowrap;background:#10b9811a;border:1px solid #10b98133;border-radius:100px;align-items:center;gap:.2rem;padding:.18rem .5rem;font-size:.72rem;font-weight:700;display:inline-flex}.accounting-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.accounting-kpi-card{border-radius:var(--border-radius-lg,12px);border:1px solid var(--border-color);flex-direction:column;gap:.25rem;padding:1.25rem 1.4rem;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.accounting-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.accounting-kpi-card:before{content:"";border-radius:3px 3px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.kpi-revenue{background:linear-gradient(135deg,#6366f10f,#6366f105)}.kpi-revenue:before{background:linear-gradient(90deg,#6366f1,#818cf8)}.kpi-cost{background:linear-gradient(135deg,#f59e0b0f,#f59e0b05)}.kpi-cost:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.kpi-profit{background:linear-gradient(135deg,#10b9810f,#10b98105)}.kpi-profit:before{background:linear-gradient(90deg,#10b981,#34d399)}.kpi-monthly{background:linear-gradient(135deg,#3b82f60f,#3b82f605)}.kpi-monthly:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.kpi-pending{background:linear-gradient(135deg,#ef44440f,#ef444405)}.kpi-pending:before{background:linear-gradient(90deg,#ef4444,#f87171)}.kpi-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.72rem;font-weight:700}.kpi-value{color:var(--text-primary);margin:0;font-size:1.45rem;font-weight:800;line-height:1.2}.kpi-sub{color:var(--text-muted,var(--text-secondary));font-size:.75rem}.accounting-section-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg,12px);margin-bottom:1.5rem;padding:1.25rem 1.4rem}.accounting-section-title{color:var(--text-primary);margin:0 0 1rem;font-size:1rem;font-weight:700}.accounting-row-pending{background:#f59e0b0a}.accounting-row-pending td:first-child{border-left:3px solid #f59e0b}.kpi-unpaid{background:linear-gradient(135deg,#ef44440f,#ef444405)}.kpi-unpaid:before{background:linear-gradient(90deg,#ef4444,#f87171)}.kpi-paid{background:linear-gradient(135deg,#10b98114,#10b98105)}.kpi-paid:before{background:linear-gradient(90deg,#10b981,#34d399)}.supplier-pay-badge{cursor:pointer;white-space:nowrap;border:none;border-radius:100px;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.78rem;font-weight:700;transition:opacity .15s,transform .12s,box-shadow .15s;display:inline-flex}.supplier-pay-badge:hover:not(:disabled){opacity:.85;transform:scale(1.04)}.supplier-pay-badge:disabled{opacity:.5;cursor:wait}.pay-badge-paid{color:#059669;background:#10b9811f;border:1px solid #10b9814d}.pay-badge-paid:hover:not(:disabled){color:#dc2626;background:#ef44441a;border-color:#ef44444d}.pay-badge-pending{color:#dc2626;background:#ef44441a;border:1px solid #ef444440;box-shadow:0 0 0 2px #ef444414}.pay-badge-pending:hover:not(:disabled){color:#059669;box-shadow:none;background:#10b9811a;border-color:#10b9814d}.pay-badge-partial{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b4d}.pay-badge-partial:hover:not(:disabled){background:#f59e0b2e}.supplier-payment-cell{flex-direction:column;align-items:flex-start;gap:.4rem;display:flex}.supplier-payment-progress-wrap{flex-direction:column;gap:.15rem;width:100%;display:flex}.supplier-payment-progress-bar{background:#ffffff14;border:1px solid #ffffff0f;border-radius:100px;width:100%;height:6px;overflow:hidden}.supplier-payment-progress-fill{border-radius:100px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.fill-paid{background:linear-gradient(90deg,#059669,#10b981)}.fill-partial{background:linear-gradient(90deg,#d97706,#f59e0b)}.fill-pending{background:#ef444466}.supplier-payment-progress-text{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.7rem;font-weight:500}.supplier-payment-input-group{border-top:1px dashed #ffffff0f;flex-direction:column;gap:.3rem;width:100%;margin-top:.15rem;padding-top:.35rem;display:flex}.supplier-payment-amount-input{border:1px solid var(--border-color);background:var(--bg-input,var(--bg-card));width:100%;color:var(--text-primary);font-variant-numeric:tabular-nums;border-radius:6px;padding:.28rem .5rem;font-size:.78rem}.supplier-payment-note-input{border:1px solid var(--border-color);background:var(--bg-input,var(--bg-card));width:100%;color:var(--text-secondary);border-radius:6px;padding:.25rem .5rem;font-size:.72rem}.supplier-payment-amount-input:focus,.supplier-payment-note-input:focus{border-color:var(--accent-primary,#6366f1);outline:none;box-shadow:0 0 0 2px #6366f126}.supplier-payment-history-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.15rem 0;font-size:.7rem;font-weight:500;transition:color .15s}.supplier-payment-history-toggle:hover{color:var(--text-primary)}.supplier-payment-history{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;gap:.25rem;width:100%;max-height:150px;padding:.4rem;display:flex;overflow-y:auto}.supplier-payment-history-item{background:#10b9810a;border-left:3px solid #10b98166;border-radius:4px;align-items:center;gap:.5rem;padding:.25rem .35rem;font-size:.72rem;display:flex}.payment-hist-amount{color:#10b981;font-variant-numeric:tabular-nums;min-width:70px;font-weight:700}.payment-hist-date{color:var(--text-muted);min-width:75px;font-size:.68rem}.payment-hist-note{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.68rem;font-style:italic;overflow:hidden}.sp-cell{flex-direction:column;gap:.3rem;min-width:180px;display:flex}.sp-compact-row{flex-wrap:nowrap;align-items:center;gap:.35rem;display:flex}.sp-amount-brief{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.68rem}.sp-dropdown-toggle{cursor:pointer;color:var(--text-muted);background:0 0;border:1px solid #ffffff1a;border-radius:6px;align-items:center;padding:.1rem .3rem;font-size:.7rem;line-height:1.4;transition:background .15s,border-color .15s,color .15s;display:flex}.sp-dropdown-toggle:hover{color:var(--text-primary);background:#ffffff12;border-color:#fff3}.sp-progress-bar{background:#ffffff12;border-radius:100px;height:4px;overflow:hidden}.sp-progress-fill{border-radius:100px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.sp-dropdown-panel{background:var(--bg-card,#1a1a2e);border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:.35rem;padding:.6rem;animation:.15s spDropIn;display:flex;box-shadow:0 8px 24px #00000059}@keyframes spDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sp-dropdown-header{color:var(--text-secondary);border-bottom:1px solid #ffffff0f;padding-bottom:.25rem;font-size:.72rem}.sp-input{border:1px solid var(--border-color);background:var(--bg-input,var(--bg-card));width:100%;color:var(--text-primary);font-variant-numeric:tabular-nums;box-sizing:border-box;border-radius:7px;padding:.3rem .5rem;font-size:.78rem;transition:border-color .15s,box-shadow .15s}.sp-input-note{color:var(--text-secondary);font-size:.72rem}.sp-input:focus{border-color:var(--accent-primary,#6366f1);outline:none;box-shadow:0 0 0 2px #6366f126}.sp-dropdown-actions{gap:.4rem;display:flex}.sp-btn{flex:1;padding:.3rem .5rem!important;font-size:.75rem!important}.supplier-payment-history-item{position:relative}.sp-hist-actions{opacity:0;gap:.2rem;margin-left:auto;transition:opacity .15s;display:flex}.supplier-payment-history-item:hover .sp-hist-actions{opacity:1}.sp-hist-action-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.1rem .2rem;font-size:.7rem;line-height:1;transition:background .12s}.sp-hist-action-btn:hover{background:#ffffff1a}.sp-hist-delete:hover{background:#ef444426}.sp-edit-row{flex-direction:column;gap:.25rem;width:100%;display:flex}.sp-edit-amount{padding:.2rem .4rem!important;font-size:.75rem!important}.sp-edit-note{padding:.18rem .4rem!important;font-size:.7rem!important}.sp-edit-actions{gap:.25rem;display:flex}.sp-edit-btn{cursor:pointer;border:none;border-radius:6px;flex:1;padding:.22rem .4rem;font-size:.72rem;font-weight:700;transition:background .15s,opacity .15s}.sp-edit-save{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.sp-edit-save:hover:not(:disabled){background:#10b98140}.sp-edit-save:disabled{opacity:.5;cursor:wait}.sp-edit-cancel{color:#ef4444;background:#ef44441a;border:1px solid #ef444440}.sp-edit-cancel:hover{background:#ef444433}.stock-badge{white-space:nowrap;border-radius:100px;justify-content:center;align-items:center;gap:.3rem;padding:.35rem .7rem;font-size:.8rem;font-weight:600;line-height:1;display:inline-flex}.stock-badge--oos{color:#dc2626;background:#ef44441a;border:1px solid #ef444433}.stock-badge--restock{color:#059669;background:#10b9811a;border:1px solid #10b98133}.stock-badge__icon{flex-shrink:0;width:16px;height:16px}.preorder-block{flex-direction:column;align-items:center;gap:.3rem;display:flex}.preorder-btn{cursor:pointer;background:var(--primary-blue);color:#fff;white-space:nowrap;border:none;border-radius:100px;padding:.3rem .85rem;font-size:.8rem;font-weight:700;line-height:1;transition:opacity .15s,transform .1s}.preorder-btn:hover{opacity:.88;transform:scale(1.03)}.preorder-eta{color:#059669;white-space:nowrap;align-items:center;gap:.25rem;font-size:.73rem;font-weight:600;line-height:1;display:inline-flex}.preorder-eta__icon{flex-shrink:0;width:13px;height:13px}@media (max-width:600px){.stock-badge{text-align:left;white-space:nowrap;border-radius:100px;flex-direction:row;gap:.15rem;padding:.25rem .45rem;font-size:.6rem}.stock-badge__text{flex-direction:row;align-items:center;gap:.15rem;display:inline-flex}.stock-badge__sep{display:inline}.stock-badge__icon{width:11px;height:11px}.preorder-btn{padding:.25rem .65rem;font-size:.72rem}.preorder-eta{font-size:.65rem}.preorder-eta__icon{width:11px;height:11px}}.mobile-cart-bar{display:none}@media (max-width:768px){body{padding-bottom:72px}.mobile-cart-bar{z-index:1800;background:var(--primary-blue,#0ea5e9);color:#fff;cursor:pointer;opacity:0;pointer-events:none;border-top-left-radius:18px;border-top-right-radius:18px;justify-content:space-between;align-items:center;height:64px;padding:0 1.25rem;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -4px 24px #0000002e}.mobile-cart-bar--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-cart-bar__left{align-items:center;gap:.5rem;display:flex}.mobile-cart-bar__icon{font-size:1.25rem;line-height:1}.mobile-cart-bar__count{opacity:.92;font-size:.9rem;font-weight:700}.mobile-cart-bar__total{letter-spacing:-.01em;font-size:1rem;font-weight:800}.mobile-cart-bar__cta{opacity:.75;flex-shrink:0;font-size:1.1rem;font-weight:700}}.acc-list{flex-direction:column;gap:.9rem;display:flex}.acc-empty{text-align:center;color:var(--text-muted);border:1px dashed var(--input-border);border-radius:16px;padding:2.5rem}.acc-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem 1.25rem;padding:1.1rem 1.25rem;display:grid;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a0a}.acc-card-warn{border-color:#f59e0b73}.acc-col{min-width:0}.acc-col[data-label]:not([data-label=""]):before{content:attr(data-label);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.35rem;font-size:.7rem;font-weight:700;display:block}.acc-pay,.acc-sup{background:var(--surface-2);border-radius:14px;grid-column:span 2;padding:.9rem 1rem}.acc-cost{border-top:1px solid var(--border-color);grid-column:1/-1;padding-top:.8rem}@media (max-width:900px){.acc-card{grid-template-columns:repeat(2,minmax(0,1fr))}.acc-pay,.acc-sup{grid-column:1/-1}}.admin-portal{flex-direction:column;align-items:stretch;gap:1.25rem}.admin-sidebar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;align-items:center;gap:1rem;width:100%;padding:.5rem .75rem;display:flex;position:sticky;top:130px}.admin-sidebar h3{display:none}.admin-nav-menu{scrollbar-width:none;flex-direction:row;gap:.35rem;width:100%;overflow-x:auto}.admin-nav-menu::-webkit-scrollbar{display:none}.admin-menu-item{white-space:nowrap;border-radius:999px;flex:none;width:auto;padding:.6rem 1rem;font-size:.88rem}.admin-content{width:100%}@media (max-width:900px){.admin-sidebar{position:static}}.content-container:has(.admin-portal){max-width:1800px}.acc-list{gap:.5rem}.acc-card{border-radius:14px;grid-template-columns:.9fr 1.3fr 1fr 1.7fr 1.7fr .9fr 1.1fr;align-items:center;gap:.75rem 1rem;padding:.7rem 1rem}.acc-amount,.acc-profit{font-size:1rem}.acc-pay,.acc-sup{border-left:1px solid var(--border-color);background:0 0;border-radius:0;grid-column:auto;padding:0 .75rem}.acc-cost{border-top:none;border-left:1px solid var(--border-color);grid-column:auto;padding-top:0;padding-left:.75rem}.acc-cost[data-label]:before{margin:0 0 .35rem;display:block}.acc-cost input{max-width:90px}.acc-col[data-label]:not([data-label=""]):before{margin-bottom:.15rem;font-size:.64rem}@media (max-width:1300px){.acc-card{grid-template-columns:repeat(4,minmax(0,1fr))}.acc-pay,.acc-sup{background:var(--surface-2);border-left:none;border-radius:12px;grid-column:span 2;padding:.6rem .8rem}.acc-cost{border-left:none;border-top:1px solid var(--border-color);grid-column:1/-1;padding-top:.6rem;padding-left:0}}@media (max-width:900px){.acc-card{grid-template-columns:repeat(2,minmax(0,1fr))}.acc-pay,.acc-sup{grid-column:1/-1}}.acc-card{grid-template-columns:1.4fr 1fr 3.4fr .9fr 1.1fr}@media (max-width:1300px){.acc-card{grid-template-columns:repeat(4,minmax(0,1fr))}.acc-sup{grid-column:1/-1}}@media (max-width:900px){.acc-card{grid-template-columns:repeat(2,minmax(0,1fr))}}.admin-portal{--adm-surface:#fff;--adm-surface-2:#f6f8fb;--adm-line:#e7ebf1;--adm-ink:#0b1220;--adm-ink-2:#5b6578;--adm-brand:#4f46e5;--adm-brand-2:#0ea5e9;--adm-ring:0 0 0 3px #4f46e52e;font-feature-settings:"tnum" 1, "cv11" 1;gap:1.1rem}.admin-portal .admin-sidebar{-webkit-backdrop-filter:saturate(180%)blur(16px);backdrop-filter:saturate(180%)blur(16px);border:1px solid var(--adm-line);background:#ffffffd1;border-radius:18px;padding:.4rem;box-shadow:0 1px 2px #0b12200a,0 10px 30px -12px #0b12201f}.admin-portal .admin-menu-item{color:var(--adm-ink-2);box-shadow:none;background:0 0;border-radius:12px;padding:.6rem 1rem;font-size:.86rem;font-weight:600;transition:background .15s,color .15s}.admin-portal .admin-menu-item:hover{background:var(--adm-surface-2);color:var(--adm-ink)}.admin-portal .admin-menu-item.active{background:var(--adm-ink);color:#fff;box-shadow:0 6px 16px -6px #0b122080}.admin-portal .admin-view-panel{box-shadow:none;background:0 0;border:none;gap:1.4rem;padding:.25rem 0 2rem}.admin-portal .panel-header h2{font-family:var(--font-title);letter-spacing:-.02em;color:var(--adm-ink);margin-bottom:.2rem;font-size:1.7rem;font-weight:800}.admin-portal .panel-header p{color:var(--adm-ink-2);font-size:.92rem}.admin-portal .accounting-section-box,.admin-portal .order-admin-card,.admin-portal .admin-table-wrapper,.admin-portal .products-table-container{background:var(--adm-surface);border:1px solid var(--adm-line);border-radius:18px;box-shadow:0 1px 2px #0b122008,0 8px 24px -14px #0b12201f}.admin-portal .accounting-section-box{padding:1.1rem 1.2rem}.admin-portal .order-admin-card{transition:box-shadow .2s,transform .2s}.admin-portal .order-admin-card:hover{box-shadow:0 2px 4px #0b12200a,0 16px 36px -16px #0b122033}.admin-portal .accounting-section-title{color:var(--adm-ink);font-size:1rem;font-weight:700}.admin-portal .admin-table-wrapper{overflow:auto}.admin-portal .admin-data-table{border-collapse:separate;border-spacing:0;width:100%}.admin-portal .admin-data-table th{background:var(--adm-surface-2);color:var(--adm-ink-2);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--adm-line);padding:.8rem 1rem;font-size:.7rem;font-weight:700;position:sticky;top:0}.admin-portal .admin-data-table td{border-bottom:1px solid var(--adm-line);color:var(--adm-ink);padding:.85rem 1rem}.admin-portal .admin-data-table tr:last-child td{border-bottom:none}.admin-portal .admin-data-table tbody tr{transition:background .12s}.admin-portal .admin-data-table tbody tr:hover{background:#f9fafe}.admin-portal input:not([type=checkbox]):not([type=radio]):not([type=file]),.admin-portal select,.admin-portal textarea{background:var(--adm-surface);border:1px solid var(--adm-line);color:var(--adm-ink);border-radius:10px;transition:border-color .15s,box-shadow .15s}.admin-portal input:focus,.admin-portal select:focus,.admin-portal textarea:focus{border-color:var(--adm-brand);box-shadow:var(--adm-ring);outline:none}.admin-portal .btn{letter-spacing:-.005em;border-radius:10px;font-weight:600;transition:transform .12s,box-shadow .15s,background .15s}.admin-portal .btn:active:not(:disabled){transform:translateY(1px)}.admin-portal .btn-primary{background:var(--adm-ink);color:#fff;box-shadow:0 6px 14px -8px #0b122099}.admin-portal .btn-primary:hover:not(:disabled){background:#1b2740;box-shadow:0 10px 20px -10px #0b122099}.admin-portal .btn-secondary{background:var(--adm-surface);border:1px solid var(--adm-line);color:var(--adm-ink)}.admin-portal .btn-secondary:hover:not(:disabled){background:var(--adm-surface-2)}.admin-portal .sp-dropdown-toggle{border:1px solid var(--adm-line);background:var(--adm-surface-2);color:var(--adm-ink);cursor:pointer;border-radius:8px;padding:.2rem .55rem;font-weight:600}.admin-portal .sp-dropdown-toggle:hover{background:#eceff6}.admin-portal .status-badge,.admin-portal .supplier-pay-badge{letter-spacing:.01em;border-radius:999px;padding:.22rem .65rem;font-size:.72rem;font-weight:700}.admin-portal .order-admin-card-header{border-bottom:1px solid var(--adm-line);background:var(--adm-surface-2);border-radius:18px 18px 0 0;padding:.9rem 1.2rem}.admin-portal .order-admin-card-body{padding:1rem 1.2rem}.admin-portal .order-admin-card-total{color:var(--adm-ink);font-size:1.15rem;font-weight:800}.admin-portal .acc-card{border:1px solid var(--adm-line);background:var(--adm-surface);border-radius:16px;transition:box-shadow .2s}.admin-portal .acc-card:hover{box-shadow:0 14px 30px -18px #0b122040}.admin-portal .acc-card-warn{background:linear-gradient(#fff,#fffdf8);border-color:#f6cf8a}@media (max-width:900px){.admin-portal .panel-header h2{font-size:1.35rem}.admin-portal .admin-sidebar{border-radius:14px}}.admin-menu-icon{vertical-align:-3px;opacity:.85;flex:none;margin-right:.5rem}.admin-menu-item.active .admin-menu-icon{opacity:1}.admin-portal{--adm-brand:#111827;--adm-ring:0 0 0 3px #1118271f}.admin-portal .accounting-kpi-card,.admin-portal [class*=kpi-]{background:var(--adm-surface)!important;border-color:var(--adm-line)!important}.admin-portal .status-badge,.admin-portal .supplier-pay-badge,.admin-portal .discount-badge-inline,.admin-portal .admin-new-badge{background:var(--adm-surface-2)!important;color:var(--adm-ink)!important;border:1px solid var(--adm-line)!important;box-shadow:none!important}.admin-portal .status-cancelled{color:#b42318!important}.admin-portal .btn-danger{background:var(--adm-surface)!important;color:#b42318!important;border:1px solid var(--adm-line)!important;box-shadow:none!important}.admin-portal .btn-success{background:var(--adm-surface)!important;color:var(--adm-ink)!important;border:1px solid var(--adm-line)!important}.admin-portal .admin-view-panel h2,.admin-portal .admin-view-panel h3{color:var(--adm-ink);-webkit-text-fill-color:currentColor!important;background:0 0!important}.admin-portal .sp-progress-fill,.admin-portal .fill-paid,.admin-portal .fill-partial,.admin-portal .fill-pending{background:var(--adm-ink)!important}.admin-portal .acc-card-warn{border-color:var(--adm-line);background:var(--adm-surface)}.acc-split{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}.acc-half{background:var(--adm-surface-2,#f6f8fb);border-radius:12px;flex-direction:column;gap:.35rem;min-width:0;padding:.6rem .7rem;display:flex}.acc-half-title{border-radius:999px;align-self:flex-start;padding:.15rem .6rem;font-size:.72rem;font-weight:800}.acc-half-title.in{color:#075985;background:#e0f2fe}.acc-half-title.out{color:#92400e;background:#fef3c7}.acc-entry{gap:.25rem;display:flex}.acc-entry input{border:1px solid var(--border-color);background:var(--bg-input,var(--bg-card));width:0;min-width:70px;color:var(--text-primary);border-radius:8px;flex:1;padding:.3rem .45rem;font-size:.8rem}.acc-entry button{color:#fff;cursor:pointer;white-space:nowrap;background:#0f172a;border:none;border-radius:8px;padding:.3rem .55rem;font-size:.75rem;font-weight:700}.acc-entry button.full{background:#059669}.acc-entry button:disabled{opacity:.4;cursor:default}@media (max-width:700px){.acc-split{grid-template-columns:1fr}}.stm-card{border:1px solid var(--adm-line,#e7ebf1);background:var(--adm-surface,#fff);border-radius:18px;margin-bottom:1rem;padding:1rem 1.1rem}.stm-pick{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.stm-pick h4{margin:0;font-size:1rem}.stm-pick p{color:var(--adm-ink-2,#5b6578);margin:.1rem 0 0;font-size:.82rem}.stm-select{border:1px solid var(--adm-line,#e7ebf1);background:var(--adm-surface,#fff);min-width:260px;color:var(--adm-ink,#0b1220);border-radius:12px;flex:0 340px;padding:.6rem .8rem;font-size:.95rem}.stm-actions{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.stm-box{background:var(--adm-surface-2,#f6f8fb);border-left:4px solid #0ea5e9;border-radius:14px;flex-direction:column;gap:.3rem;padding:.8rem .9rem;display:flex}.stm-box.out{border-left-color:#f59e0b}.stm-box span{color:var(--adm-ink-2,#5b6578);font-size:.78rem}.stm-box>div{gap:.4rem;margin-top:.3rem;display:flex}@media (max-width:700px){.stm-actions{grid-template-columns:1fr}}