:root{--bg-primary: #f4f6f9;--bg-secondary: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-glow: rgba(37, 99, 235, .15);--radial-color: rgba(37, 99, 235, .05);--success: #10b981;--success-hover: #059669;--warning: #f59e0b;--danger: #ef4444;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(30, 41, 59, .08);--glass-shadow: rgba(30, 41, 59, .06);--font-main: "Outfit", sans-serif;--transition-speed: .3s;--border-radius: 16px}body.theme-blue{--accent: #2563eb;--accent-hover: #1d4ed8;--accent-glow: rgba(37, 99, 235, .15);--radial-color: rgba(37, 99, 235, .05)}body.theme-red{--accent: #e11d48;--accent-hover: #be123c;--accent-glow: rgba(225, 29, 72, .15);--radial-color: rgba(225, 29, 72, .05)}body.theme-mdlz{--accent: #4f2170;--accent-hover: #3d1857;--accent-glow: rgba(79, 33, 112, .18);--radial-color: rgba(79, 33, 112, .05)}body.theme-dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent: #38bdf8;--accent-hover: #0ea5e9;--accent-glow: rgba(56, 189, 248, .15);--radial-color: rgba(56, 189, 248, .05);--glass-bg: rgba(30, 41, 59, .85);--glass-border: rgba(248, 250, 252, .08);--glass-shadow: rgba(0, 0, 0, .3)}body.theme-emerald{--accent: #059669;--accent-hover: #047857;--accent-glow: rgba(5, 150, 105, .15);--radial-color: rgba(5, 150, 105, .05)}body.theme-amber{--accent: #d97706;--accent-hover: #b45309;--accent-glow: rgba(217, 119, 6, .15);--radial-color: rgba(217, 119, 6, .05)}body.theme-rose{--accent: #db2777;--accent-hover: #be185d;--accent-glow: rgba(219, 39, 119, .15);--radial-color: rgba(219, 39, 119, .05)}body.theme-orange{--accent: #ea580c;--accent-hover: #c2410c;--accent-glow: rgba(234, 88, 12, .15);--radial-color: rgba(234, 88, 12, .05)}body.theme-cyber{--accent: #8b5cf6;--accent-hover: #7c3aed;--accent-glow: rgba(139, 92, 246, .18);--radial-color: rgba(139, 92, 246, .06)}body.theme-mint{--accent: #10b981;--accent-hover: #059669;--accent-glow: rgba(16, 185, 129, .12);--radial-color: rgba(16, 185, 129, .04)}body.theme-coffee{--accent: #78350f;--accent-hover: #451a03;--accent-glow: rgba(120, 53, 15, .15);--radial-color: rgba(120, 53, 15, .05)}body.theme-indigo{--accent: #6366f1;--accent-hover: #4f46e5;--accent-glow: rgba(99, 102, 241, .15);--radial-color: rgba(99, 102, 241, .05)}body.theme-lime{--accent: #84cc16;--accent-hover: #65a30d;--accent-glow: rgba(132, 204, 22, .15);--radial-color: rgba(132, 204, 22, .05)}body.theme-slate{--accent: #475569;--accent-hover: #334155;--accent-glow: rgba(71, 85, 105, .15);--radial-color: rgba(71, 85, 105, .05)}body.theme-royal{--accent: #7e22ce;--accent-hover: #6b21a8;--accent-glow: rgba(126, 34, 206, .15);--radial-color: rgba(126, 34, 206, .05)}body.theme-teal{--accent: #0d9488;--accent-hover: #0f766e;--accent-glow: rgba(13, 148, 136, .15);--radial-color: rgba(13, 148, 136, .05)}body.theme-nordic{--bg-primary: #0b0f19;--bg-secondary: #161b26;--text-primary: #e6edf3;--text-secondary: #8b949e;--accent: #58a6ff;--accent-hover: #1f6feb;--accent-glow: rgba(88, 166, 255, .15);--radial-color: rgba(88, 166, 255, .05);--glass-bg: rgba(22, 27, 38, .85);--glass-border: rgba(240, 246, 252, .08);--glass-shadow: rgba(0, 0, 0, .4)}body.theme-sakura{--accent: #fda4af;--accent-hover: #f43f5e;--accent-glow: rgba(253, 164, 175, .2);--radial-color: rgba(253, 164, 175, .06)}body.theme-gold{--accent: #ca8a04;--accent-hover: #a16207;--accent-glow: rgba(202, 138, 4, .15);--radial-color: rgba(202, 138, 4, .05)}body.theme-darkforest{--bg-primary: #061c15;--bg-secondary: #0b2e24;--text-primary: #e6f4ea;--text-secondary: #9ebeaf;--accent: #34d399;--accent-hover: #059669;--accent-glow: rgba(52, 211, 153, .15);--radial-color: rgba(52, 211, 153, .05);--glass-bg: rgba(11, 46, 36, .85);--glass-border: rgba(230, 244, 234, .08);--glass-shadow: rgba(0, 0, 0, .35)}body.theme-fuchsia{--accent: #c084fc;--accent-hover: #a855f7;--accent-glow: rgba(192, 132, 252, .15);--radial-color: rgba(192, 132, 252, .05)}body.theme-plum{--accent: #831843;--accent-hover: #9d174d;--accent-glow: rgba(131, 24, 67, .15);--radial-color: rgba(131, 24, 67, .05)}body.theme-cream{--bg-primary: #faf8f5;--bg-secondary: #fdfcf7;--text-primary: #292524;--text-secondary: #78716c;--accent: #d97706;--accent-hover: #b45309;--accent-glow: rgba(217, 119, 6, .12);--radial-color: rgba(217, 119, 6, .04)}body.theme-sky{--accent: #0ea5e9;--accent-hover: #0284c7;--accent-glow: rgba(14, 165, 233, .15);--radial-color: rgba(14, 165, 233, .05)}body.theme-grape{--accent: #6d28d9;--accent-hover: #5b21b6;--accent-glow: rgba(109, 40, 217, .15);--radial-color: rgba(109, 40, 217, .05)}body.theme-dracula{--bg-primary: #282a36;--bg-secondary: #44475a;--text-primary: #f8f8f2;--text-secondary: #6272a4;--accent: #ff79c6;--accent-hover: #bd93f9;--accent-glow: rgba(255, 121, 198, .18);--radial-color: rgba(255, 121, 198, .05);--glass-bg: rgba(68, 71, 90, .85);--glass-border: rgba(248, 248, 242, .08);--glass-shadow: rgba(0, 0, 0, .4)}body.theme-bronze{--accent: #b45309;--accent-hover: #92400e;--accent-glow: rgba(180, 83, 9, .15);--radial-color: rgba(180, 83, 9, .05)}*{margin:0;padding:0;box-sizing:border-box}@keyframes blink-3-times{0%,to{opacity:1}50%{opacity:.3}}.blink-placeholder{animation:blink-3-times .8s ease-in-out 3}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);overflow-x:hidden;line-height:1.5;background-image:radial-gradient(at 0% 0%,var(--radial-color) 0px,transparent 50%),radial-gradient(at 50% 0%,rgba(16,185,129,.03) 0px,transparent 50%);background-attachment:fixed;transition:background-color var(--transition-speed)}.app-container{display:flex;flex-direction:column;min-height:100vh}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px var(--glass-shadow);position:sticky;top:0;z-index:100}.nav-brand{display:flex;align-items:center;gap:.75rem}.logo-icon{font-size:1.85rem;color:var(--accent);filter:drop-shadow(0 4px 6px var(--accent-glow))}.logo-text{font-size:1.6rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#1e293b,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-controls{display:flex;align-items:center;gap:1.25rem}.client-selector-container{display:flex;align-items:center;gap:.75rem}.nav-label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.glass-select{background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-primary);padding:.6rem 2.25rem .6rem 1rem;border-radius:var(--border-radius);outline:none;font-family:var(--font-main);font-weight:500;cursor:pointer;box-shadow:0 2px 8px var(--glass-shadow);transition:all var(--transition-speed)}.glass-select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.icon-btn{background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-primary);width:2.75rem;height:2.75rem;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px var(--glass-shadow);transition:all var(--transition-speed)}.icon-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-glow)}.cart-btn{position:relative;background:var(--accent);border:none;color:#fff;padding:.6rem 1.25rem;border-radius:var(--border-radius);display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:600;box-shadow:0 4px 12px var(--accent-glow);transition:all var(--transition-speed);flex-shrink:0}.cart-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.cart-btn .badge{background:#fff;color:var(--accent);font-size:.85rem;font-weight:800;padding:.15rem .6rem;border-radius:50px}.main-content{display:grid;grid-template-columns:290px 1fr;gap:2rem;padding:2rem;max-width:1600px;margin:0 auto;width:100%;flex:1}.sidebar{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:1.75rem;display:flex;flex-direction:column;gap:2rem;height:fit-content;box-shadow:0 4px 20px var(--glass-shadow)}@media (min-width: 1025px){.sidebar.sidebar-transparent-desktop{background:none!important;border:none!important;box-shadow:none!important;padding:0!important;gap:1.5rem!important}}.sidebar-section h3{font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);margin-bottom:.9rem;display:flex;align-items:center;gap:.5rem}.glass-input{width:100%;background:var(--bg-primary);border:1px solid var(--glass-border);color:var(--text-primary);padding:.75rem 1.25rem;border-radius:var(--border-radius);outline:none;font-family:var(--font-main);font-size:.95rem;transition:all var(--transition-speed)}.glass-input:focus{background:var(--bg-secondary);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow)}.filter-list{display:flex;flex-direction:column;gap:.4rem;max-height:250px;overflow-y:auto;padding-right:.25rem}.filter-list::-webkit-scrollbar{width:4px}.filter-list::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.filter-item{padding:.6rem .85rem;border-radius:10px;cursor:pointer;transition:all var(--transition-speed);font-size:.95rem;color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.filter-item:hover{background:var(--bg-primary);color:var(--text-primary);padding-left:1.15rem}.filter-item.active{background:var(--accent);color:#fff;font-weight:600}.catalog-area{display:flex;flex-direction:column;gap:1.75rem}.catalog-header{display:flex;justify-content:space-between;align-items:center}.catalog-header h2{font-size:1.85rem;font-weight:800;color:var(--text-primary)}.count-pill{background:var(--bg-secondary);border:1px solid var(--glass-border);padding:.35rem .85rem;border-radius:50px;font-size:.9rem;color:var(--text-secondary);font-weight:600;box-shadow:0 2px 6px var(--glass-shadow)}.status-banner{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;border-radius:var(--border-radius);font-size:.95rem;font-weight:600;box-shadow:0 4px 12px var(--glass-shadow)}.status-banner.info{background:#2563eb14;color:var(--accent);border:1px solid rgba(37,99,235,.2)}.status-banner.success{background:#10b98114;color:var(--success);border:1px solid rgba(16,185,129,.2)}.status-banner.warning{background:#f59e0b14;color:var(--warning);border:1px solid rgba(245,158,11,.2)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.product-card{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--border-radius);display:flex;flex-direction:column;overflow:hidden;transition:all var(--transition-speed);position:relative;box-shadow:0 4px 15px var(--glass-shadow)}.product-card:hover{box-shadow:0 12px 30px #1e293b1f;transform:translateY(-5px);border-color:#2563eb33}.product-image-container{position:relative;width:100%;height:180px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--glass-border)}.product-image{width:100%;height:100%;object-fit:contain;padding:12px;transition:transform .5s ease}.product-card:hover .product-image{transform:scale(1.05)}.product-badge{position:absolute;top:12px;right:12px;font-size:.8rem;font-weight:700;padding:.3rem .65rem;border-radius:8px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px #0000001a;z-index:2}.product-badge.stock-available{background:#10b981e6;color:#fff}.product-badge.stock-low{background:#f59e0be6;color:#fff}.product-badge.stock-out{background:#ef4444e6;color:#fff}.product-content{padding:1.25rem;display:flex;flex-direction:column;flex:1}.product-info{margin-bottom:1.25rem;flex:1}.product-brand{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--accent);letter-spacing:1px;margin-bottom:.35rem;display:block}.product-title{font-size:1.1rem;font-weight:700;line-height:1.4;margin-bottom:.5rem;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:3rem}.product-category{font-size:.8rem;color:var(--text-secondary);display:inline-block;background:var(--bg-primary);padding:.2rem .6rem;border-radius:6px;font-weight:600;margin-bottom:.75rem}.product-stock-text{font-size:.85rem;color:var(--text-secondary);font-weight:500}.product-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--glass-border);padding-top:1rem}.product-price-box{display:flex;flex-direction:column}.price-label{font-size:.75rem;color:var(--text-secondary);font-weight:600}.product-price{font-size:1.45rem;font-weight:800;color:#0f172a}.primary-btn{background:var(--accent);color:#fff;border:none;padding:.7rem 1.25rem;border-radius:var(--border-radius);font-family:var(--font-main);font-weight:700;cursor:pointer;transition:all var(--transition-speed);display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 10px var(--accent-glow)}.primary-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 14px var(--accent-glow)}.primary-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;box-shadow:none}.secondary-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--glass-border);padding:.7rem 1.25rem;border-radius:var(--border-radius);font-family:var(--font-main);font-weight:700;cursor:pointer;box-shadow:0 2px 6px var(--glass-shadow);transition:all var(--transition-speed)}.secondary-btn:hover{background:var(--bg-primary)}.btn-block{width:100%;justify-content:center}.loading-spinner{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:5rem 0;color:var(--text-secondary);font-size:1.15rem;font-weight:600}.loading-spinner i{font-size:3rem;color:var(--accent)}.cart-drawer{position:fixed;top:0;right:-420px;width:420px;height:100%;background:var(--bg-secondary);border-left:1px solid var(--glass-border);box-shadow:-10px 0 40px #0f172a26;z-index:1000;transition:right .35s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.cart-drawer.open{right:0}.drawer-header{padding:1.5rem;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.drawer-header h2{font-size:1.5rem;font-weight:800;display:flex;align-items:center;gap:.6rem}.close-btn{background:none;border:none;color:var(--text-secondary);font-size:2.25rem;cursor:pointer;transition:color var(--transition-speed);line-height:1}.close-btn:hover{color:var(--text-primary)}.cart-client-banner{background:#f59e0b14;color:#d97706;padding:.85rem 1.5rem;font-size:.9rem;font-weight:600;border-bottom:1px solid rgba(245,158,11,.15);display:flex;align-items:center;gap:.5rem}.cart-client-banner.selected{background:#10b98114;color:#059669;border-bottom:1px solid rgba(16,185,129,.15)}.drawer-body{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.empty-cart-msg{color:var(--text-secondary);text-align:center;margin-top:5rem;font-weight:500}.cart-item{display:flex;gap:1rem;background:var(--bg-secondary);border:1px solid var(--glass-border);padding:.85rem;border-radius:12px;align-items:center;box-shadow:0 4px 10px #00000008;transition:all .2s ease-in-out}.cart-item:hover{transform:translateY(-1px);box-shadow:0 6px 15px #0000000d;border-color:var(--accent-glow)}.cart-item-image{width:64px;height:64px;object-fit:contain;border-radius:8px;background:#fff;padding:4px;border:1px solid var(--glass-border)}.cart-item-details{flex:1}.cart-item-title{font-size:.9rem;font-weight:600;color:var(--text-primary);line-height:1.3}.cart-item-price{font-size:.95rem;font-weight:800;color:var(--accent);margin-top:.25rem}.cart-item-controls{display:flex;align-items:center;gap:.5rem}.qty-btn{background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-primary);width:32px;height:32px;border-radius:8px;cursor:pointer;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px var(--glass-shadow);transition:all var(--transition-speed)}.qty-btn:hover{background:var(--bg-primary);border-color:var(--text-secondary)}.qty-val{font-size:.95rem;width:24px;text-align:center;font-weight:700}.remove-item-btn{background:none;border:none;color:var(--danger);cursor:pointer;padding:.35rem;transition:transform var(--transition-speed)}.remove-item-btn:hover{transform:scale(1.15)}.drawer-footer{padding:1.5rem;border-top:1px solid var(--glass-border);background:var(--bg-secondary);box-shadow:0 -4px 15px var(--glass-shadow)}.cart-totals{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}.total-row{display:flex;justify-content:space-between;font-size:.95rem;color:var(--text-secondary);font-weight:500}.total-row.total-highlight{font-size:1.45rem;font-weight:800;color:#0f172a;border-top:1px solid var(--glass-border);padding-top:.75rem}.drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a66;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;display:none}.drawer-overlay.open{display:block}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;background:#0f172a80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;padding:1rem}.modal.open{display:flex}.modal-content{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:20px;max-width:520px;width:100%;padding:2.25rem;display:flex;flex-direction:column;gap:1.5rem;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0f172a26}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:1.5rem;font-weight:800}.close-modal{background:none;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;line-height:1}.close-modal:hover{color:var(--text-primary)}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.form-group label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.config-desc{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.order-summary-box{background:var(--bg-primary);border:1px solid var(--glass-border);padding:1.25rem;border-radius:12px;font-size:.95rem}.order-summary-box h3{font-size:1rem;margin-bottom:.65rem;color:var(--accent);font-weight:700}.order-summary-box p{color:var(--text-primary);margin-bottom:.35rem;font-weight:500}.order-items-box{margin-top:1rem}.order-items-box h3{font-size:1rem;margin-bottom:.65rem;color:var(--text-secondary);font-weight:700}.checkout-items-list{max-height:180px;overflow-y:auto;border:1px solid var(--glass-border);border-radius:12px;padding:.75rem;display:flex;flex-direction:column;gap:.6rem}.checkout-item-row{display:flex;justify-content:space-between;font-size:.9rem;font-weight:500;padding:.35rem 0;border-bottom:1px dashed var(--glass-border)}.checkout-item-row:last-child{border-bottom:none}.order-total-box{display:flex;justify-content:space-between;font-size:1.45rem;font-weight:800;border-top:1px solid var(--glass-border);padding-top:1.25rem;margin-top:1rem}@media (max-width: 900px){.main-content{grid-template-columns:1fr}.navbar{flex-direction:column;gap:1.25rem;padding:1.25rem 1rem}.nav-controls{width:100%;justify-content:space-between}}.product-action-wrapper{display:flex;justify-content:flex-end;align-items:center;min-width:110px}.card-qty-selector{display:flex;align-items:center;justify-content:space-between;background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:12px;padding:.15rem .4rem;width:105px;height:38px;box-shadow:inset 0 2px 4px #0000000d}.card-qty-selector .qty-btn{background:none;border:none;color:var(--accent);width:26px;height:26px;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed)}.card-qty-selector .qty-btn:hover{background:var(--accent-glow);color:var(--accent-hover)}.card-qty-selector .qty-val{font-size:.95rem;font-weight:700;color:var(--text-primary);min-width:20px;text-align:center}.pagination-container{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--glass-border);width:100%}.pagination-info{font-size:.9rem;color:var(--text-secondary)}.pagination-buttons{display:flex;align-items:center;gap:.5rem}.pag-btn{background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-primary);width:40px;height:40px;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed)}.pag-btn:hover:not([disabled]){background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-glow)}.pag-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 12px var(--accent-glow)}.pag-btn[disabled]{opacity:.4;cursor:not-allowed}.pag-ellipsis{color:var(--text-secondary);font-weight:600;padding:0 .5rem}.product-image-container,.product-brand,.product-title{cursor:pointer}.product-detail-card{max-width:850px;width:90%}.detail-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;padding:1rem 0}.detail-image-box{background:#fff;border:1px solid var(--glass-border);border-radius:var(--border-radius);padding:1.5rem;display:flex;align-items:center;justify-content:center;height:320px}.detail-image{max-width:100%;max-height:100%;object-fit:contain}.detail-info-box{display:flex;flex-direction:column;gap:.75rem}.detail-brand{font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--accent);letter-spacing:1px}.detail-title{font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1.3}.detail-meta{display:flex;gap:1rem;font-size:.85rem;color:var(--text-secondary);font-weight:600}.detail-meta span{background:var(--bg-primary);padding:.3rem .75rem;border-radius:8px;border:1px solid var(--glass-border)}.detail-stock-section{margin:.5rem 0}.detail-stock-section .product-badge{position:static;display:inline-block;padding:.4rem .85rem}.detail-price-section{display:flex;flex-direction:column;gap:.25rem;background:var(--bg-primary);padding:1rem 1.25rem;border-radius:var(--border-radius);border:1px solid var(--glass-border);margin-bottom:.5rem}.detail-price-label{font-size:.8rem;color:var(--text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.detail-price-val{font-size:2rem;font-weight:900;color:var(--accent)}.detail-action-section{margin-bottom:1rem}.detail-qty-wrapper{display:flex;align-items:center;gap:1rem}.qty-label-text{font-size:.95rem;font-weight:700;color:var(--text-secondary)}.detail-add-btn{padding:.75rem 1.5rem;font-size:1rem;border-radius:12px}.price-lists-table{border-top:1px dashed var(--glass-border);padding-top:1rem;margin-top:.5rem}.price-lists-table h4{font-size:.9rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.price-lists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;max-height:120px;overflow-y:auto;padding-right:.25rem}.price-lists-grid::-webkit-scrollbar{width:4px}.price-lists-grid::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.price-list-item{background:var(--bg-primary);border:1px solid var(--glass-border);padding:.5rem;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:.15rem;font-size:.8rem;transition:all var(--transition-speed)}.price-list-item.active{background:var(--accent-glow);border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.price-list-item .list-name{color:var(--text-secondary);font-weight:600;font-size:.75rem;text-align:center}.price-list-item.active .list-name{color:var(--accent);font-weight:700}.price-list-item .list-price{font-weight:700;color:var(--text-primary)}.price-list-item.active .list-price{color:var(--accent-hover);font-size:.85rem;font-weight:800}@media (max-width: 700px){.detail-layout{grid-template-columns:1fr;gap:1.5rem}.detail-image-box{height:220px}}@media (max-width: 1024px){.main-content{grid-template-columns:240px 1fr;gap:1.25rem;padding:1.25rem}}@media (max-width: 900px){.navbar{padding:.75rem 1.25rem;flex-wrap:wrap;gap:.75rem}.nav-brand{flex:1 1 auto}.nav-controls{flex:1 1 100%;justify-content:space-between;gap:.75rem;border-top:1px solid var(--glass-border);padding-top:.75rem}.theme-selector-container,.client-selector-container{flex:1}.glass-select{width:100%;padding:.5rem 2rem .5rem .75rem;font-size:.85rem}.nav-label{display:none}.mobile-filter-btn{display:flex!important;align-items:center;justify-content:center}.main-content{grid-template-columns:1fr;gap:1.5rem;padding:1rem}.sidebar{position:fixed;top:0;left:-320px;width:300px;height:100vh;z-index:102;background:var(--bg-secondary);box-shadow:10px 0 30px #00000026;transition:left var(--transition-speed) ease-in-out;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;border-radius:0}.sidebar.open{left:0}.sidebar-header{display:flex!important}.sidebar-section{width:100%}}@media (max-width: 600px){.navbar{flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;padding:.75rem 1rem!important}.nav-brand{flex:1}.nav-brand .logo-text{font-size:1.25rem!important}.catalog-header>div:first-child{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important}.catalog-header h2{font-size:1.15rem!important;margin:0!important;white-space:nowrap}.mobile-filter-btn{width:2.2rem!important;height:2.2rem!important;border-radius:50%!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--glass-shadow)!important}#catalog-title{font-size:1.15rem!important;letter-spacing:-.3px;margin-left:.25rem!important}.count-pill{font-size:.7rem!important;padding:.15rem .45rem!important;margin-left:auto}.nav-controls{flex:1 1 100%!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:.5rem!important;border-top:1px solid var(--glass-border);padding-top:.5rem;margin-top:.25rem}.dev-switch-container{display:flex;justify-content:space-between;align-items:center;width:100%;background:#ffffff0d;padding:6px 12px;border-radius:8px}.navbar .cart-btn{padding:.5rem 1rem!important;font-size:.9rem}#config-btn{align-self:center}.theme-selector-container,.client-selector-container{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.theme-selector-container select,.client-selector-container select{flex:1}.product-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.product-card{padding:.75rem!important;border-radius:12px!important;min-height:auto!important;display:flex;flex-direction:column;justify-content:space-between}.product-image-container{height:125px!important}.product-image{padding:6px!important}.product-content{padding:.6rem .3rem .3rem!important}.product-info{margin-bottom:.6rem!important}.product-brand{font-size:.65rem!important;margin-bottom:.15rem!important}.product-title{font-size:.75rem!important;margin-top:.15rem;margin-bottom:.25rem!important;line-height:1.15;height:2.2rem!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-category{font-size:.65rem!important;padding:.1rem .4rem!important;margin-bottom:.25rem!important}.product-stock-text{font-size:.7rem!important}.product-badge{font-size:.65rem!important;padding:.2rem .4rem!important;top:6px!important;right:6px!important}.product-footer{padding-top:.4rem!important;flex-direction:column!important;align-items:stretch!important;gap:.4rem!important}.product-price{font-size:1.05rem!important}.price-label{font-size:.65rem!important}.add-to-cart-btn,.primary-btn{padding:.4rem .6rem!important;font-size:.75rem!important;border-radius:8px!important;width:100%!important;justify-content:center!important}.card-qty-selector{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important}.card-qty-selector .qty-btn{width:26px!important;height:26px!important;font-size:.8rem!important;border-radius:6px!important}.card-qty-selector .qty-val{font-size:.8rem!important}.cart-drawer{width:100%!important;max-width:100%}.modal-content{width:95%;padding:1.25rem;margin:1.5rem auto}.pagination-container{margin-top:1.5rem!important;padding-top:1rem!important;gap:.5rem!important}.pagination-buttons{flex-wrap:wrap!important;justify-content:center!important;gap:.25rem!important;width:100%}.pag-btn{width:32px!important;height:32px!important;font-size:.8rem!important;border-radius:6px!important}.pag-ellipsis{padding:0 .25rem!important;font-size:.8rem!important}.pagination-info{font-size:.8rem!important;margin-bottom:.25rem;text-align:center}}.forced-modal{background:#0f172ad9!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important}.login-card{border:1px solid var(--glass-border)!important;box-shadow:0 20px 40px #0006!important;animation:modalSlideUp .4s ease-out}@keyframes modalSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.login-tab.active{background:var(--accent)!important;color:#fff!important;box-shadow:0 4px 12px #3b82f64d!important}.login-tab:hover:not(.active){background:#ffffff1a!important;color:var(--text-primary)!important}.google-btn:hover{background:#ffffff1a!important;border-color:#ffffff4d!important;box-shadow:0 4px 12px #ffffff0d!important}.danger-hover:hover{background:#ef4444!important;color:#fff!important;border-color:#ef4444!important}.info-msg{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.text-center{text-align:center}.skeleton-pulse{animation:skeleton-pulse 1.5s infinite ease-in-out}@keyframes skeleton-pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.product-card{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out,border-color .2s ease-in-out!important}.product-image{transition:transform .3s ease-in-out!important}@media (max-width: 600px){.product-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}}@keyframes toast-slide-in{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.glass-date-input{background:var(--bg-primary)!important;border:1px solid var(--glass-border)!important;color:var(--text-primary)!important;font-family:inherit!important;font-size:.9rem!important;font-weight:500!important;transition:all .25s ease-in-out!important}.glass-date-input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-glow)!important;background:var(--bg-secondary)!important}.glass-date-input::-webkit-calendar-picker-indicator{filter:invert(var(--calendar-indicator-invert, .5));cursor:pointer;border-radius:4px;padding:2px;transition:transform .2s ease}.glass-date-input::-webkit-calendar-picker-indicator:hover{transform:scale(1.15);background:#0000000d}