.print-info-overlay{align-items:center;backdrop-filter:blur(8px);background:hsla(0,0%,6%,.85);bottom:0;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;margin:0;opacity:0;padding:20px;position:fixed;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:10000}.print-info-overlay.visible{opacity:1}.small{color:#888;font-size:10px;font-weight:600}.print-info-popup{align-items:center;background:#23242a;border:1px solid #404040;border-radius:20px;box-shadow:0 25px 80px rgba(0,0,0,.6);display:flex;height:20vh;justify-content:center;margin:0;max-height:80vh;max-width:90vw;min-height:300px;min-width:500px;padding:60px 80px;transform:scale(.85);transition:opacity .4s ease,transform .4s cubic-bezier(.34,1.56,.64,1);width:25vw}.print-info-popup.visible{transform:scale(1)}.print-info-content{flex-direction:column;height:100%;justify-content:center;text-align:center;width:100%}.print-info-icon{animation:pulse 2s infinite;color:#4fc3f7;margin-bottom:32px}.print-info-text h3{color:#fff;font-size:2.4rem;line-height:1.2;margin:0 0 20px}.print-info-text p{color:#b0bec5;font-size:1.6rem;line-height:1.5}@media (max-width:768px){.print-info-overlay{padding:15px}.print-info-popup{border-radius:16px;height:auto;margin:auto;max-width:400px;min-height:200px;min-width:280px;padding:40px 30px;width:85vw}.print-info-content{gap:16px}.print-info-icon{margin-bottom:20px}.print-info-icon svg{height:48px;width:48px}.print-info-text h3{font-size:1.8rem;margin:0 0 12px}.print-info-text p{font-size:1.2rem}}@media (max-width:480px){.print-info-overlay{padding:10px}.print-info-popup{margin:auto;max-width:350px;min-height:180px;min-width:260px;padding:30px 20px;width:90vw}.print-info-icon{margin-bottom:16px}.print-info-icon svg{height:40px;width:40px}.print-info-text h3{font-size:1.5rem;margin:0 0 10px}.print-info-text p{font-size:1rem}}@media (max-width:320px){.print-info-overlay{padding:5px}.print-info-popup{border-radius:12px;margin:auto;max-width:300px;min-height:160px;min-width:240px;padding:25px 15px;width:95vw}.print-info-icon{margin-bottom:12px}.print-info-icon svg{height:32px;width:32px}.print-info-text h3{font-size:1.3rem;margin:0 0 8px}.print-info-text p{font-size:.9rem}}:root{--primary-color:#60a5fa;--primary-hover:#3b82f6;--secondary-color:#6b7280;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--info-color:#06b6d4;--light-color:#2a2a2a;--dark-color:#e0e0e0;--bg-primary:#0f0f0f;--bg-secondary:#1f1f1f;--bg-tertiary:#2a2a2a;--bg-card:#1a1a1a;--border-color:#333;--border-light:#404040;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--border-radius:12px;--border-radius-sm:8px;--box-shadow:0 4px 12px rgba(0,0,0,.4);--box-shadow-lg:0 8px 25px rgba(0,0,0,.5);--transition:all 0.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh}.container{margin:0 auto;max-width:75%;padding:100px 20px 20px}.underline{text-decoration:underline}.bold{font-weight:800}header{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,6%,.95);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;left:0;padding:16px 24px;position:fixed;right:0;top:0;transform:translateY(0);transition:padding .4s cubic-bezier(.4,0,.2,1),background .4s cubic-bezier(.4,0,.2,1),backdrop-filter .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),transform .3s ease;z-index:100}header.scrolled{backdrop-filter:blur(15px);background:hsla(0,0%,6%,.98);box-shadow:0 4px 20px rgba(0,0,0,.4);padding:12px 24px}header.scrolled .header-logo h1{font-size:20px}header.scrolled .nav-item{gap:6px;min-height:36px;padding:8px 12px}header.scrolled .nav-text{opacity:0;overflow:hidden;pointer-events:none;transform:translateX(-10px);width:0}header.scrolled .nav-icon{display:flex;opacity:1;transform:scale(1)}.header-logo{align-items:center;display:flex;gap:12px;text-decoration:none}.header-logo h1{color:var(--primary-color);font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0;transition:font-size .4s cubic-bezier(.4,0,.2,1),color .3s ease}.header-logo:hover h1{color:var(--primary-hover)}nav{gap:12px}.nav-item,nav{align-items:center;display:flex}.nav-item{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;gap:8px;min-height:40px;padding:10px 16px;position:relative;text-decoration:none;transition:padding .4s cubic-bezier(.4,0,.2,1),min-height .4s cubic-bezier(.4,0,.2,1),gap .4s cubic-bezier(.4,0,.2,1),background-color .3s ease,border-color .3s ease,transform .2s ease,box-shadow .3s ease}.nav-item:hover{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--box-shadow);transform:translateY(-1px)}.nav-item[id=logoutBtn]{background-color:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:var(--danger-color)}.nav-item[id=logoutBtn]:hover{background-color:var(--danger-color);border-color:var(--danger-color);color:#fff}.nav-item[id=codeLink]{background-color:rgba(6,182,212,.1);border-color:rgba(6,182,212,.3);color:var(--info-color)}.nav-item[title=codeLink]:hover{background-color:var(--info-color);border-color:var(--info-color);color:#fff}.nav-item[id=lotsLink]{background-color:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:#f59e0b}.nav-item[id=lotsLink]:hover{background-color:#f59e0b;border-color:#f59e0b;color:#fff}.nav-item[id=notificationBell]{background-color:rgba(16,185,129,.1);border-color:rgba(16,185,129,.3);color:#10b981}.nav-item[id=notificationBell]:hover{background-color:#10b981;border-color:#10b981;color:#fff}.nav-icon{flex-shrink:0;height:24px;justify-content:center;transform:scale(.8);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);width:24px}.nav-icon,.nav-text{align-items:center;display:flex}.nav-text{opacity:1;transform:translateX(0);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),width .4s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:auto}.tools-dropdown{cursor:pointer;position:relative}.nav-item.tools-dropdown{background-color:rgba(250,204,21,.1);border-color:rgba(250,204,21,.3);color:#facc15}.nav-item.tools-dropdown:hover{background-color:#facc15;border-color:#facc15;color:#fff}.tools-btn{align-items:center;background:none;border:none;color:inherit;cursor:inherit;display:flex;gap:8px;padding:0;pointer-events:none;transition:all .2s ease;width:100%}.tools-menu{background:hsla(0,0%,6%,.98);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-shadow:0 8px 24px rgba(0,0,0,.4);min-width:220px;opacity:0;padding:8px;position:fixed;right:20px;top:70px;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease,visibility .2s;visibility:hidden;z-index:1000}header.scrolled~* .tools-menu{top:60px}@media (max-width:768px){.tools-menu{left:20px;min-width:auto;right:20px;width:calc(100vw - 40px)}}.tools-menu.show{opacity:1;transform:translateY(0);visibility:visible}.tool-item{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 14px;text-align:left;transition:background-color .2s ease,color .2s ease;width:100%}.tool-item:hover{background:rgba(102,126,234,.15);color:var(--primary-color)}.tool-item svg{flex-shrink:0;opacity:.8}.tool-item:hover svg{opacity:1}body{padding-top:80px}.btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;letter-spacing:.5px;min-height:44px;padding:12px 24px;text-decoration:none;transition:var(--transition)}.btn:hover{background-color:var(--primary-hover);box-shadow:var(--box-shadow);transform:translateY(-2px)}.btn-secondary{background-color:var(--secondary-color)}.btn-secondary:hover{background-color:#4b5563}.btn-success{background-color:var(--success-color)}.btn-success:hover{background-color:#059669}.btn-danger{background-color:var(--danger-color)}.btn-danger:hover{background-color:#dc2626}.btn-admin{background-color:var(--warning-color);color:var(--bg-primary)}.btn-admin:hover{background-color:#d97706}.btn-print{background-color:var(--info-color)}.btn-print:hover{background-color:#0891b2}.btn-link{background:transparent;border:none;box-shadow:none;color:#90caf9;min-height:auto;padding:0}.btn-link:hover{color:#bbdefb;text-decoration:underline;transform:none}.form-group,.form-row{margin-bottom:15px}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1;margin-bottom:0}.form-group label{margin-bottom:5px}.form-group input,.form-group select{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:14px;padding:8px 12px;width:100%}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(74,158,255,.25);outline:none}.login-form{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin:100px auto;max-width:400px;padding:30px}.login-form h1{color:var(--primary-color);margin-bottom:30px;text-align:center}.login-form button{background-color:var(--primary-color);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .2s ease;width:100%}.login-form button:hover{background-color:#3a8bdb}.filters{align-items:end;background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);display:grid;gap:24px;grid-template-columns:auto auto auto auto auto;margin-bottom:32px;padding:32px}.search-group{align-items:flex-start;display:flex;flex-direction:column;gap:8px;min-width:200px}.search-input-container{position:relative;width:100%}.search-group input{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-sizing:border-box;color:var(--text-primary);font-size:14px;padding:12px 40px 12px 16px;transition:var(--transition);width:100%}.search-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(96,165,250,.2);outline:none}.search-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:var(--transition)}.search-btn:hover{background-color:rgba(96,165,250,.1);color:var(--primary-color)}.filter-group{align-items:flex-start;display:flex;flex-direction:column;gap:8px;min-width:180px}.filter-group select{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:14px;padding:12px 16px;transition:var(--transition);width:100%}.filter-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(96,165,250,.2);outline:none}.price-filter-group{align-items:flex-start;display:flex;flex-direction:column;gap:8px;min-width:160px;position:relative}.price-filter-group label{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.price-filter-group input{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-sizing:border-box;color:var(--text-primary);font-size:14px;font-weight:500;padding:12px 40px 12px 16px;text-align:left;transition:var(--transition);width:100%}.price-filter-group input:focus{background-color:var(--bg-tertiary);border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(96,165,250,.2);outline:none}.price-filter-group input:hover{border-color:rgba(96,165,250,.6)}.price-filter-group:after{bottom:13px;color:var(--text-secondary);content:"€";font-size:14px;font-weight:600;pointer-events:none;position:absolute;right:16px;transition:var(--transition)}.price-filter-group:has(input:focus):after{color:var(--primary-color)}.price-filter-group input::-webkit-inner-spin-button,.price-filter-group input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.price-filter-group input[type=number]{-moz-appearance:textfield;appearance:textfield}.filter-group label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;line-height:1.2;margin-bottom:4px;text-transform:uppercase;transition:var(--transition)}.filter-group label:hover{color:var(--primary-color)}.filter-group input[type=checkbox]{accent-color:var(--primary-color);height:18px;width:18px}@media (max-width:1200px){.filters{gap:20px;grid-template-columns:auto auto auto auto;padding:24px}}@media (max-width:992px){.filters{gap:16px;grid-template-columns:auto auto auto;padding:20px}.filter-group,.search-group{min-width:160px}}@media (max-width:768px){.filters{display:flex;flex-direction:column;gap:16px;padding:16px}.filter-group,.search-group{min-width:auto}.filter-group,.filter-group select,.price-filter-group input,.search-group input{width:100%}}.category-section{clear:both;display:block;transition:opacity .3s ease-out,transform .3s ease-out;width:100%}.search-section{margin-bottom:32px}.search-section .category-section{margin-bottom:24px}.products-sections{margin-top:24px}.category-section[style*="opacity: 0"]{pointer-events:none}.category-title{border-bottom:3px solid var(--primary-color);color:var(--primary-color);font-size:28px;font-weight:800;letter-spacing:1px;margin-bottom:24px;padding:16px 0;position:relative;text-align:center}.category-title:before{background:linear-gradient(90deg,var(--primary-color),var(--info-color));border-radius:2px;bottom:-3px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.category-title.collapsible{align-items:center;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;gap:12px;justify-content:center;margin-bottom:16px;padding:16px 24px;transition:var(--transition);user-select:none}.category-title.collapsible:hover{background:rgba(96,165,250,.1);transform:translateY(-1px)}.category-title.collapsible:focus{outline:2px solid var(--primary-color);outline-offset:2px}.category-text{flex:1}.item-count{font-size:18px;font-weight:500;opacity:.7}.collapse-icon{color:var(--primary-color);font-size:18px;font-weight:700;transition:transform .3s ease}.category-section.collapsed .collapse-icon{transform:rotate(-90deg)}.category-content{overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease-out;transition:opacity .15s ease-out;will-change:max-height,opacity}.category-section.collapsed .category-content{max-height:0!important;opacity:0}.category-content.large-section{transition:opacity .2s ease-out}.category-section.collapsed .category-title{margin-bottom:0}.category-content{contain:layout style;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.category-content,.category-title.collapsible,.collapse-icon{transition:none!important}}.products-list{gap:24px;margin-top:32px}.product-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:visible;padding:24px;position:relative;transition:var(--transition)}.product-item:before{background:linear-gradient(90deg,var(--primary-color),var(--info-color));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:var(--transition)}.product-item:hover{border-color:var(--border-light);box-shadow:var(--box-shadow-lg);transform:translateY(-4px)}.product-item:hover:before{opacity:1}.product-header{margin-bottom:16px}.product-info h3{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.3;margin:0 0 8px}.product-info .product-id{background-color:var(--bg-tertiary);border-radius:4px;display:inline-block;font-family:Monaco,Menlo,monospace;font-size:13px;margin-bottom:6px;padding:4px 8px}.product-info .product-category{font-weight:500;margin-bottom:10px;margin-top:-20px;opacity:.8}.product-category .category-label{font-size:14px;font-weight:400;opacity:.7}.product-category .category-value{color:var(--info-color);font-size:14px;font-weight:600}.product-actions{flex-wrap:wrap;gap:12px;overflow:visible}.toggle-section{align-items:center;display:flex;gap:8px;overflow:visible;position:relative}.toggles-container{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.toggle-item{align-items:center;display:flex;gap:8px;position:relative}@media (max-width:768px){.toggles-container{align-items:flex-start;flex-direction:column;gap:16px}.toggle-item{justify-content:space-between}}.status-label{cursor:default;gap:6px}.forced-badge,.status-label{align-items:center;display:inline-flex;position:relative}.forced-badge{background:rgba(255,193,7,.2);border:1px solid rgba(255,193,7,.4);border-radius:50%;cursor:help;font-size:11px;height:18px;justify-content:center;transition:all .2s ease;width:18px}.forced-badge:hover{background:rgba(255,193,7,.3);border-color:rgba(255,193,7,.6)}.forced-tooltip{background:#2d2d3d;border:1px solid rgba(255,193,7,.4);border-radius:8px;bottom:calc(100% + 10px);box-shadow:0 4px 16px rgba(0,0,0,.5);color:#fff;font-size:12px;line-height:1.6;max-width:280px;min-width:220px;opacity:0;padding:10px 14px;pointer-events:none;position:absolute;text-align:left;transform:translateY(4px);transition:all .2s ease;visibility:hidden;white-space:normal;z-index:10000}.forced-badge:hover .forced-tooltip{opacity:1;transform:translateY(0);visibility:visible}.forced-tooltip strong{color:#ffd54f;font-weight:700;text-shadow:0 0 1px rgba(255,213,79,.5)}.edit-section{align-items:center;display:flex;gap:8px}.btn-edit{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;font-size:14px;line-height:1;padding:6px 8px;transition:var(--transition)}.btn-edit:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-primary);transform:translateY(-1px)}.btn-delete{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;font-size:14px;line-height:1;padding:6px 8px;transition:var(--transition)}.btn-delete:hover{background:var(--danger-color);border-color:var(--danger-color);color:var(--text-primary);transform:translateY(-1px)}.product-pricing{margin-top:20px}.pricing-item{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:16px;position:relative;transition:var(--transition)}.pricing-item:hover{border-color:var(--border-light);transform:translateY(-1px)}.pricing-item h4{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.pricing-item .price{color:var(--success-color);font-size:20px;font-weight:800;margin-bottom:8px}.pricing-item .code{background-color:var(--bg-primary);border-radius:4px;color:var(--text-muted);display:inline-block;font-family:Monaco,Menlo,monospace;font-size:12px;padding:4px 8px}.price-difference{background-color:var(--warning-color);border-radius:var(--border-radius);color:var(--bg-primary);font-size:12px;margin-top:10px;padding:8px}.product-lot-simple{align-items:center;background-color:hsla(208,7%,46%,.1);border-left:3px solid #6c757d;border-radius:6px;display:flex;gap:6px;margin-top:8px;padding:6px 10px}.product-lot-simple .lot-icon{align-items:center;color:#6c757d;display:flex}.product-lot-simple .lot-text{color:#6c757d;font-size:.85em;font-weight:500}.product-lot-simple.lot-piece{background-color:rgba(0,212,170,.15);border-left-color:#00d4aa}.product-lot-simple.lot-piece .lot-icon{color:#00d4aa}.product-lot-simple.lot-piece .lot-text{color:#00b894}.product-lot-simple.lot-decoupe{background-color:rgba(253,126,20,.1);border-left-color:#fd7e14}.product-lot-simple.lot-decoupe .lot-icon{color:#fd7e14}.product-lot-simple.lot-decoupe .lot-text{color:#e55a00}.product-lot-simple.lot-default{background-color:rgba(0,123,255,.1);border-left-color:#007bff}.product-lot-simple.lot-default .lot-icon{color:#007bff}.product-lot-simple.lot-default .lot-text{color:#0056b3}.no-products{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-secondary);font-size:18px;padding:40px;text-align:center}.status-active{background-color:rgba(16,185,129,.1);border:1px solid var(--success-color);border-radius:20px;color:var(--success-color)}.status-active,.status-inactive{font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-inactive{align-items:center;background-color:rgba(239,68,68,.1);border:1px solid var(--danger-color);border-radius:20px;color:var(--danger-color);display:flex;gap:8px}.status-custom{background-color:rgba(245,158,11,.1);border:1px solid var(--warning-color);border-radius:20px;color:var(--warning-color)}.status-custom,.status-standard{font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-standard{background-color:rgba(96,165,250,.1);border:1px solid var(--primary-color);border-radius:20px;color:var(--primary-color)}.force-deactivation-info{align-items:center;cursor:help;display:inline-flex;position:absolute;right:-6px;top:-6px;z-index:10}.force-deactivation-info .info-icon{align-items:center;background:linear-gradient(135deg,var(--info-color),#0ea5e9);border:2px solid hsla(0,0%,100%,.2);border-radius:50%;box-shadow:0 2px 8px rgba(6,182,212,.3);color:#fff;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:700;height:18px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:18px}.force-deactivation-info .info-icon:before{content:"i";font-style:normal;text-shadow:0 1px 2px rgba(0,0,0,.3)}.force-deactivation-info:hover .info-icon{background:linear-gradient(135deg,#0ea5e9,var(--info-color));border-color:hsla(0,0%,100%,.4);box-shadow:0 4px 16px rgba(6,182,212,.5);transform:scale(1.2) rotate(5deg)}@keyframes info-pulse{0%,to{box-shadow:0 2px 8px rgba(6,182,212,.3)}50%{box-shadow:0 2px 12px rgba(6,182,212,.6),0 0 0 4px rgba(6,182,212,.1)}}.force-deactivation-info .info-icon{animation:info-pulse 2s ease-in-out infinite}.force-deactivation-info:hover .info-icon{animation:none}.force-deactivation-info .tooltip-content{background:linear-gradient(135deg,var(--bg-primary),#1a1a1a);border:1px solid var(--border-color);border-radius:8px;bottom:100%;box-shadow:0 8px 24px rgba(0,0,0,.6);color:var(--text-primary);font-size:12px;left:50%;line-height:1.4;opacity:0;padding:12px 16px;pointer-events:none;position:absolute;text-align:left;transform:translateX(-50%) translateY(-8px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;white-space:normal;width:280px;z-index:1000}.force-deactivation-info .tooltip-content .tooltip-title{color:var(--info-color);font-weight:600;margin-bottom:8px}.force-deactivation-info .tooltip-content .tooltip-description{color:var(--text-secondary);font-size:11px;margin-bottom:4px;padding-left:12px;position:relative}.force-deactivation-info .tooltip-content .tooltip-description:before{color:var(--info-color);content:"•";font-weight:700;left:0;position:absolute;top:0}.force-deactivation-info:before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--bg-primary);bottom:100%;content:"";height:0;left:50%;opacity:0;position:absolute;transform:translateX(-50%) translateY(-2px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;width:0;z-index:1001}.force-deactivation-info:hover .tooltip-content{opacity:1;transform:translateX(-50%) translateY(-4px);visibility:visible}.force-deactivation-info:hover:before{transform:translateX(-50%) translateY(2px)}.product-custom{position:relative}.product-custom:before{background:linear-gradient(90deg,var(--warning-color),#f59e0b);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:var(--transition)}.add-product-form{background:linear-gradient(135deg,var(--bg-tertiary),#1f1f1f);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.2);margin-bottom:32px;padding:24px}.add-product-form h3{color:var(--text-primary);font-size:1.2rem;font-weight:500;margin-bottom:20px;padding-left:16px;position:relative}.add-product-form h3:before{background:var(--accent-color);border-radius:2px;content:"";height:16px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.custom-products-list{min-height:50px}.error{align-items:center;background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(220,38,38,.05));border:1px solid rgba(239,68,68,.2);border-radius:8px;color:var(--danger-color);display:flex;font-weight:500;gap:8px;margin:12px 0;padding:12px 16px}.error:before{content:"⚠️";font-size:16px}.success{align-items:center;background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(22,163,74,.05));border:1px solid rgba(34,197,94,.2);border-radius:8px;color:var(--success-color);display:flex;font-weight:500;gap:8px;margin:12px 0;padding:12px 16px}.success:before{content:"✅";font-size:16px}.product-error{background-color:rgba(239,68,68,.1);border:1px solid var(--danger-color);border-radius:var(--border-radius);color:var(--danger-color);font-weight:500;margin:8px;padding:16px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group label small{background:rgba(96,165,250,.1);border:1px solid rgba(96,165,250,.2);border-radius:4px;color:var(--primary-color);font-size:12px;font-style:italic;font-weight:400;margin-left:8px;opacity:.8;padding:2px 6px}.form-group input,.form-group select,.form-group textarea{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:hsla(0,0%,100%,.08);border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(96,165,250,.1);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted);font-style:italic;opacity:.8}.form-group input:focus::placeholder,.form-group textarea:focus::placeholder{opacity:.5}.form-group input[placeholder=Auto-rempli]{background:rgba(96,165,250,.03);border-left:3px solid rgba(96,165,250,.3)}.form-group input[placeholder=Auto-rempli]::placeholder{color:var(--primary-color);font-style:italic;opacity:.6}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.form-group select option{background-color:var(--bg-secondary);border:none;color:var(--text-primary);padding:12px}.form-group select option:checked,.form-group select option:focus,.form-group select option:hover{background-color:var(--primary-color);color:#fff}.form-group select:focus option:checked{background:linear-gradient(var(--primary-color),var(--primary-color));background-color:var(--primary-color)!important;color:#fff!important}.form-group input[placeholder=Auto-rempli]:not(:focus){transition:all .3s ease}.form-group input[placeholder=Auto-rempli].auto-filled{background:rgba(96,165,250,.08);border-left-color:var(--primary-color);box-shadow:0 0 0 1px rgba(96,165,250,.1)}@keyframes auto-fill-pulse{0%{box-shadow:0 0 0 1px rgba(96,165,250,.1)}50%{box-shadow:0 0 0 3px rgba(96,165,250,.2)}to{box-shadow:0 0 0 1px rgba(96,165,250,.1)}}.form-group input[placeholder=Auto-rempli].auto-filled.just-updated{animation:auto-fill-pulse .6s ease-in-out}.hidden{display:none}.loading{padding:40px;position:relative}.loading:before{animation:spin 1s ease-in-out infinite;border:3px solid rgba(96,165,250,.3);border-radius:50%;border-top:3px solid var(--primary-color);content:"";display:inline-block;height:24px;margin-right:12px;vertical-align:middle;width:24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.product-card{animation:fadeInUp .4s ease-out}.product-card:nth-child(odd){animation-delay:.1s}.product-card:nth-child(2n){animation-delay:.2s}.product-card{background:linear-gradient(135deg,var(--bg-secondary),#1a1a1a);border-radius:12px;margin-bottom:16px;overflow:visible;padding:20px;position:relative;transition:all .3s ease}.product-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.4);transform:translateY(-2px)}.product-card:before{background:linear-gradient(90deg,transparent,var(--primary-color),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.highlighted{background:linear-gradient(135deg,rgba(96,165,250,.15),rgba(59,130,246,.15));border-left:4px solid var(--primary-color);border-radius:8px;box-shadow:0 4px 16px rgba(96,165,250,.3);overflow:hidden;position:relative;transition:all .8s cubic-bezier(.4,0,.2,1)}.highlighted:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3) 50%,transparent);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.product-info{margin-bottom:16px}.product-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.product-name{align-items:center;display:flex;flex:1;font-size:1.2rem;font-weight:600;gap:12px;margin:0}.display-name,.product-name{color:var(--text-primary)}.original-name{color:var(--text-muted);font-size:.85em;font-weight:400;margin-left:8px}.product-status{align-items:center;border-radius:12px;cursor:default;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:500;gap:6px;letter-spacing:.5px;padding:4px 8px;position:relative;text-transform:uppercase}.product-status .forced-badge{font-size:10px;height:16px;width:16px}.product-status.status-active{background:rgba(34,197,94,.2);border:1px solid rgba(34,197,94,.3);color:var(--success-color)}.product-status.status-inactive{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);color:var(--danger-color)}.product-details{display:flex;flex-wrap:wrap;font-size:13px;gap:16px;margin-bottom:12px;opacity:.8}.product-code,.product-type,.product-uvc{color:var(--text-secondary)}.price-difference{background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);border-radius:6px;color:var(--warning-color);font-size:13px;font-weight:500;margin-top:12px;padding:8px 12px;text-align:center}.product-pricing{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:16px}.pricing-item{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;padding:12px;text-align:center}.pricing-item.large{grid-column:span 2}.pricing-label{color:var(--text-secondary);display:block;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.pricing-value{align-items:center;display:flex;flex-direction:column;gap:4px}.price-code{background:rgba(96,165,250,.1);border:1px solid rgba(96,165,250,.2);border-radius:4px;color:var(--primary-color);font-family:Courier New,monospace;font-size:11px;font-weight:700;padding:2px 6px}.price{color:var(--text-primary);font-size:1.1rem;font-weight:600}.product-actions{align-items:center;border-top:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;margin-top:16px;padding-top:16px}.custom-badge{background:linear-gradient(135deg,var(--warning-color),#f59e0b);border-radius:8px;color:var(--text-light);font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}@media (max-width:1200px){.category-section .products-list{gap:16px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){body{padding-top:70px}header{padding:12px 16px}header.scrolled{padding:8px 16px}.header-logo h1{font-size:20px}header.scrolled .header-logo h1{font-size:18px}nav{gap:8px}.nav-item{font-size:13px;min-height:36px;padding:8px 12px}.nav-text{display:none}.nav-icon{display:flex}.container{max-width:100%;padding:10px}.filters{flex-direction:column;gap:15px}.search-group{min-width:auto}.category-section .products-list{gap:12px;grid-template-columns:1fr}.product-pricing{grid-template-columns:1fr}.product-header{align-items:flex-start;flex-direction:column;gap:8px}.product-status{align-self:flex-end}.form-row{flex-direction:column}}@media (max-width:1024px){.container{max-width:100%;padding:80px 12px 12px}.filters{gap:16px;padding:16px}.category-section .products-list{gap:14px;grid-template-columns:repeat(2,1fr)}.product-card,.product-item{padding:16px}.modal-content{max-width:95vw;padding:12px}}.toggle-switch{display:inline-block;height:24px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#4a5568;border-radius:24px;bottom:0;box-shadow:inset 0 2px 4px rgba(0,0,0,.2);cursor:pointer;left:0;position:absolute;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px rgba(0,0,0,.2);content:"";height:18px;left:3px;position:absolute;transform:scale(1);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;width:18px;will-change:transform}.toggle-slider:hover{box-shadow:inset 0 2px 4px rgba(0,0,0,.3),0 0 8px rgba(96,165,250,.3)}.toggle-slider:hover:before{transform:scale(1.1)}input:checked+.toggle-slider{background-color:var(--success-color);box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 0 12px rgba(16,185,129,.4)}input:checked+.toggle-slider:before{box-shadow:0 2px 8px rgba(0,0,0,.3);transform:translateX(26px) scale(1)}input:checked+.toggle-slider:hover:before{transform:translateX(26px) scale(1.1)}.toggle-switch input:focus+.toggle-slider{outline:2px solid var(--primary-color);outline-offset:2px}@keyframes toggle-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.toggle-slider.animating{animation:toggle-pulse .3s ease-in-out}.toggle-slider.transitioning-to-active{background:linear-gradient(45deg,#4a5568,var(--success-color))}.toggle-slider.transitioning-to-inactive{background:linear-gradient(45deg,var(--success-color),#4a5568)}.modal-overlay{background:rgba(0,0,0,.8);z-index:1000}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.edit-product-modal{max-width:700px}.activation-type-modal{max-width:550px}.activation-type-modal .product-name-highlight{color:var(--primary-color);font-size:1.1rem;margin-bottom:8px;text-align:center}.activation-type-modal .modal-body>p:not(.product-name-highlight){color:var(--text-secondary);margin-bottom:24px;text-align:center}.activation-options{gap:12px}.activation-option{align-items:flex-start;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius-sm);cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.activation-option:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.activation-option input[type=radio]{cursor:pointer;flex-shrink:0;height:18px;margin-top:4px;width:18px}.activation-option input[type=radio]:checked~.option-content{color:var(--primary-color)}.activation-option:has(input[type=radio]:checked){background:linear-gradient(135deg,rgba(0,123,255,.05),rgba(0,123,255,.02));border-color:var(--primary-color)}.option-content{flex:1}.option-title{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:600;gap:10px;margin-bottom:6px}.option-icon{flex-shrink:0;font-size:1.3rem;line-height:1}.option-content small{color:var(--text-secondary);display:block;font-size:.875rem;line-height:1.5;margin-top:4px}.option-description{line-height:1.5}.activation-option:has(input[type=radio]:checked) .option-title{color:var(--primary-color)}.activation-option:has(input[type=radio]:checked) .option-title strong{color:var(--primary-color)}.activation-option:has(input[type=radio]:checked) .option-content small{color:var(--text-primary)}.activation-option:has(input[type=radio]:checked) .option-description{color:var(--text-primary)}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:10px 24px}.modal-header h2,.modal-header h3{color:var(--text-primary);font-size:1.4rem;margin:0}.modal-header .bl-count{color:#2196f3;font-size:.9rem;font-weight:600}.has-tooltip{cursor:help;position:relative}.has-tooltip:hover{background-color:rgba(33,150,243,.1)}.bl-tooltip{animation:tooltipFadeIn .2s ease-in-out;background:rgba(26,26,46,.95);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.4);color:#fff;max-height:400px;max-width:350px;overflow-y:auto;padding:12px;pointer-events:auto;position:fixed;top:50px;z-index:10000}.bl-tooltip::-webkit-scrollbar{width:8px}.bl-tooltip::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:4px}.bl-tooltip::-webkit-scrollbar-thumb{background:rgba(33,150,243,.5);border-radius:4px}.bl-tooltip::-webkit-scrollbar-thumb:hover{background:rgba(33,150,243,.7)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tooltip-header{border-bottom:1px solid hsla(0,0%,100%,.2);color:#2196f3;font-size:.9rem;font-weight:600;margin-bottom:8px;padding-bottom:8px}.tooltip-table{font-size:.85rem;margin-bottom:8px;width:100%}.tooltip-table tbody tr{border-bottom:1px solid hsla(0,0%,100%,.1)}.tooltip-table tbody tr:last-child{border-bottom:none}.tooltip-table td{padding:4px 8px}.tooltip-table td:first-child{color:#90caf9}.tooltip-table .text-right{font-family:Courier New,monospace;text-align:right}.tooltip-calc{border-top:1px solid hsla(0,0%,100%,.2);color:#b0bec5;font-size:.8rem;padding-top:8px}.tooltip-calc strong{color:#4caf50;font-weight:700}.modal-close{background:none;color:var(--text-secondary);padding:4px;transition:var(--transition)}.modal-close:hover{color:var(--text-primary);transform:scale(1.1)}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.pricing-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);margin:24px 0;padding:20px}.pricing-section h4{color:var(--primary-color);font-size:1.1rem;font-weight:600;margin:0 0 16px}.pricing-section h4:not(:first-child){margin-top:24px}.form-help{color:var(--text-muted);display:block;font-size:.875rem;margin-top:4px}.checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;gap:8px}.checkbox-label input[type=checkbox]{margin:0}.toggle-container{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--border-radius-sm);margin:20px 0;padding:16px}.toggle-switch-modal{align-items:center;cursor:pointer;display:flex;gap:12px;user-select:none}.toggle-switch-modal input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.toggle-slider-modal{background-color:#4a5568;border:2px solid #2d3748;border-radius:24px;cursor:pointer;display:inline-block;height:24px;position:relative;transition:all .3s ease;width:50px}.toggle-slider-modal:before{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);content:"";height:18px;left:1px;position:absolute;top:1px;transition:all .3s ease;width:18px}.toggle-switch-modal input:checked+.toggle-slider-modal{background-color:var(--success-color);border-color:var(--success-color)}.toggle-switch-modal input:checked+.toggle-slider-modal:before{transform:translateX(26px)}.toggle-label-text{color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:500;user-select:none}@media (max-width:768px){.modal-content{margin:10px;max-height:95vh;width:95%}.modal-body,.modal-footer,.modal-header,.pricing-section{padding:16px}.form-row{flex-direction:column}}.notification-panel{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);max-height:600px;opacity:0;overflow:hidden;position:fixed;right:20px;top:70px;transform:translateY(-10px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;width:420px;z-index:1000}header.scrolled~* .notification-panel{top:60px}.notification-panel.visible{opacity:1;transform:translateY(0) scale(1);visibility:visible}.notification-header{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%);border-bottom:1px solid var(--border-color);padding:16px 20px}.header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.header-title-section{align-items:center;display:flex;gap:12px}.notification-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.last-update{align-items:center;display:flex;justify-content:space-between;margin-left:auto}.last-update small{color:var(--text-muted);font-size:12px;font-style:italic;line-height:1.3;margin-right:12px}.add-product-btn{align-items:center;background-color:#3182ce;border:none;border-radius:50%;bottom:100px;box-shadow:0 4px 12px rgba(49,130,206,.3);color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:56px;z-index:999}.add-product-btn:hover{background-color:#2c5aa0;box-shadow:0 6px 16px rgba(49,130,206,.4);transform:scale(1.05)}.add-product-btn:active{transform:scale(.95)}.add-product-btn svg{stroke-width:2.5}.back-to-top-btn{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:var(--text-primary);cursor:pointer;padding:4px 8px}.back-to-top-btn:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.3);color:var(--text-primary);transform:translateY(-1px)}.back-to-top-btn svg{height:14px;opacity:.8;transition:var(--transition);width:14px}.scroll-to-highlighted-btn{align-items:center;background:transparent;border:2px solid var(--accent-color);border-radius:6px;box-shadow:0 0 0 1px rgba(96,165,250,.2);color:var(--accent-color);cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:4px;padding:6px 10px;transition:var(--transition);white-space:nowrap}.scroll-to-highlighted-btn:hover{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 0 1px rgba(96,165,250,.4);color:#fff}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;padding:0;transition:var(--transition);width:24px}.close-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.notification-content{max-height:500px;overflow-y:auto}.notification-content::-webkit-scrollbar{width:6px}.notification-content::-webkit-scrollbar-track{background:var(--bg-secondary)}.notification-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.notification-content::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.logs-list{padding:0}.log-item{border-bottom:1px solid var(--border-color);padding:16px 20px;transition:var(--transition)}.log-item:hover{background-color:var(--bg-secondary)}.log-item:last-child{border-bottom:none}.log-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.log-category{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.log-category.manual{background-color:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.3);color:var(--success-color)}.log-category.auto{background-color:rgba(96,165,250,.15);border:1px solid rgba(96,165,250,.3);color:var(--primary-color)}.log-time{color:var(--text-muted);font-size:12px}.log-message{color:var(--text-primary);font-size:14px;line-height:1.4;margin-bottom:8px}.log-user{color:var(--text-secondary);font-size:12px;font-style:italic;margin-bottom:8px}.changes-list{background-color:var(--bg-secondary);border-left:3px solid var(--primary-color);border-radius:var(--border-radius-sm);margin-top:8px;padding:8px 12px}.change-item{color:var(--text-secondary);font-size:12px;line-height:1.4;margin-bottom:4px}.change-item:last-child{margin-bottom:0}.old-value{background-color:rgba(239,68,68,.1);color:var(--danger-color)}.new-value,.old-value{border-radius:3px;font-family:monospace;font-size:11px;padding:1px 4px}.new-value{background-color:rgba(16,185,129,.1);color:var(--success-color)}.more-changes{color:var(--text-muted);font-size:11px;font-style:italic;margin-top:4px}.logs-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:12px 20px;text-align:center}.logs-footer small{color:var(--text-muted);font-size:11px}.loading-more{border-top:1px solid var(--border-color);padding:16px 20px;text-align:center}.loading-indicator{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:8px;justify-content:center}.loading-indicator:before{animation:spin 1s ease-in-out infinite;border:2px solid rgba(96,165,250,.3);border-radius:50%;border-top:2px solid var(--primary-color);content:"";display:inline-block;height:16px;width:16px}.error,.loading,.no-logs{color:var(--text-secondary);padding:32px 20px;text-align:center}.error button{background-color:var(--primary-color);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-size:12px;margin-top:12px;padding:8px 16px;transition:var(--transition)}.error button:hover{background-color:var(--primary-hover)}@media (max-width:768px){.notification-panel{left:20px;max-height:70vh;right:20px;top:70px;width:calc(100vw - 40px)}}.product-modal-overlay{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:10000}.product-modal-overlay.visible{opacity:1;visibility:visible}.product-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);color:var(--text-primary);max-height:80vh;max-width:500px;opacity:0;overflow:hidden;transform:scale(.7) translateY(50px);transition:none;width:90%;will-change:transform,opacity}.product-modal-overlay.visible .product-modal{opacity:1;transform:scale(1) translateY(0);transition:transform .5s cubic-bezier(.25,.46,.45,.94),opacity .5s cubic-bezier(.25,.46,.45,.94)}.product-modal-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.product-modal-header h3{color:var(--text-primary);flex:1;font-size:1.2rem;font-weight:600;margin:0}.product-modal-header .close-btn{align-items:center;background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.product-modal-header .close-btn:hover{background:#d32f2f;transform:rotate(90deg)}.product-modal-content{max-height:calc(80vh - 80px);overflow-y:auto;padding:20px}.product-modal-content::-webkit-scrollbar{width:6px}.product-modal-content::-webkit-scrollbar-track{background:var(--bg-secondary)}.product-modal-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.product-modal-content::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.product-modal-content .product-card{background:transparent;border:none;box-shadow:none;margin:0}.product-modal-content .product-card:before{display:none}.product-modal-content .modal-product-card{background:transparent;border:none;padding:0}.product-info-basic{text-align:left}.product-info-basic h4{color:var(--text-primary);font-size:1.3rem;margin-bottom:15px}.product-info-basic p{color:var(--text-secondary);margin:10px 0}.pricing-info{border-top:1px solid var(--border-color);margin-top:15px;padding-top:15px}.error-message{padding:20px;text-align:center}.error-message p{color:var(--danger-color);margin-bottom:15px}.loading{color:var(--text-secondary);padding:40px 20px;text-align:center}.log-item .view-product-btn{align-items:center;background:var(--info-color);border:none;border-radius:var(--border-radius-sm);box-shadow:var(--box-shadow);color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;gap:4px;margin-top:10px;padding:6px 12px;transition:var(--transition)}.log-item .view-product-btn:hover{background:#0891b2;box-shadow:0 4px 12px rgba(6,182,212,.3);transform:translateY(-1px)}.log-item .view-product-btn:active{background:#0e7490;box-shadow:var(--box-shadow);transform:translateY(0)}@media (max-width:768px){.product-modal{max-height:90vh;width:95%}.product-modal-header{padding:15px}.product-modal-content{max-height:calc(90vh - 70px);padding:15px}}.print-popup-overlay{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:auto;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:10000}.print-popup-overlay.visible{opacity:1;visibility:visible}.print-popup-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;pointer-events:auto;position:relative;transform:scale(.9) translateY(20px);transition:all .3s ease;width:90%;z-index:10002}.print-popup-overlay.visible .print-popup-content{transform:scale(1) translateY(0)}.print-popup-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:20px 20px 15px;position:relative}.print-popup-header h3{color:var(--text-primary);flex:1;font-size:1.25rem;font-weight:600;margin:0}.print-popup-header .modal-close{margin:0;position:relative;right:0;top:0}.print-popup-status{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:8px}.status-indicator{animation:pulse 2s infinite;background:var(--success-color);border-radius:50%;height:8px;width:8px}.print-popup-body{padding:20px}.print-popup-body p{color:var(--text-secondary);line-height:1.5;margin:0 0 20px}.print-popup-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.print-popup-actions .btn{align-items:center;border:none;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;flex:1;font-size:.875rem;font-weight:500;gap:8px;justify-content:center;min-width:140px;overflow:hidden;padding:12px 16px;pointer-events:auto;position:relative;transition:all .2s ease;z-index:100001}.print-popup-actions .btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.print-popup-actions .btn:hover:before{left:100%}.print-popup-actions .btn-primary{background:var(--primary-color);color:#fff}.print-popup-actions .btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px rgba(96,165,250,.3);transform:translateY(-1px)}.print-popup-actions .btn-danger{background:var(--danger-color);color:#fff}.print-popup-actions .btn-danger:hover{background:#dc2626;box-shadow:0 4px 12px rgba(239,68,68,.3);transform:translateY(-1px)}.print-popup-actions .btn:active{transform:translateY(0)}.btn-icon{align-items:center;display:flex;justify-content:center}.print-popup-info{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--border-radius-sm);margin-top:15px;padding:12px}.print-popup-info small{color:var(--text-muted);display:block;font-size:.8rem;line-height:1.4}.print-popup-footer{border-top:1px solid var(--border-color);display:flex;justify-content:center;padding:15px 20px 20px}.print-popup-footer .btn-link{background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-muted);cursor:pointer;font-size:.875rem;padding:8px 16px;pointer-events:auto;transition:all .2s ease;z-index:100001}.print-popup-footer .btn-link:hover{background:var(--bg-tertiary);color:var(--text-secondary)}@media (max-width:768px){.print-popup-content{margin:10px;width:95%}.print-popup-header{align-items:flex-start;flex-direction:column;padding:15px}.print-popup-body{padding:15px}.print-popup-actions{flex-direction:column}.print-popup-actions .btn{min-width:auto;width:100%}.print-popup-footer{padding:10px 15px 15px}}.print-info-popup{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);min-width:280px;opacity:0;padding:16px 20px;transform:translateX(100%);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);z-index:10001}.print-info-popup.visible{opacity:1;transform:translateX(0)}.print-info-content{align-items:center;display:flex;gap:12px}.print-info-icon{align-items:center;color:var(--primary-color);display:flex;flex-shrink:0;justify-content:center}.print-info-icon svg{animation:pulse 2s infinite}.print-info-text h3{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0 0 4px}.print-info-text p{color:var(--text-secondary);font-size:.85rem;margin:0}@media (max-width:768px){.print-info-popup{left:10px;max-width:calc(100vw - 20px);min-width:auto;right:10px;top:10px}.print-info-content{justify-content:center}.print-info-text{text-align:center}}.activation-modal{animation:modalAppear .3s cubic-bezier(.34,1.56,.64,1);background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--box-shadow-lg);max-width:520px}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.activation-options{display:flex;flex-direction:column;gap:16px;margin:24px 0}.radio-option{align-items:flex-start;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;padding:20px;position:relative;transition:all .2s ease}.radio-option:hover{background:var(--bg-tertiary);border-color:var(--primary-color);box-shadow:0 4px 12px rgba(79,195,247,.1);transform:translateY(-1px)}.radio-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.radio-option input[type=radio]:checked+.radio-indicator{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(79,195,247,.2)}.radio-option input[type=radio]:checked+.radio-indicator:after{opacity:1;transform:scale(1)}.radio-option input[type=radio]:checked~.radio-content .radio-label{color:var(--primary-color);font-weight:600}.radio-indicator{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;height:20px;margin-right:16px;margin-top:2px;position:relative;transition:all .2s ease;width:20px}.radio-content{display:flex;flex:1;flex-direction:column}.radio-label{color:var(--text-primary);font-size:1rem;font-weight:500;margin-bottom:4px;transition:all .2s ease}.option-description{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.date-selection{animation:slideDown .3s ease;background:var(--bg-secondary);border:2px solid var(--primary-color);border-radius:12px;margin-top:20px;padding:24px}@keyframes slideDown{0%{max-height:0;opacity:0;padding-bottom:0;padding-top:0}to{max-height:200px;opacity:1;padding-bottom:24px;padding-top:24px}}.date-selection label{color:var(--text-primary);display:block;font-size:1rem;font-weight:600;margin-bottom:12px}.date-input-container{display:flex;flex-direction:column;gap:12px;position:relative}.date-input-row{align-items:center;display:flex;gap:12px}.date-input-group{display:flex;flex:1;flex-direction:column}.date-input-group label{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:6px}.date-input,.time-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.95rem;padding:12px 16px;position:relative;transition:all .2s ease}.date-input::-webkit-calendar-picker-indicator,.time-input::-webkit-calendar-picker-indicator{border-radius:3px;cursor:pointer;filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(180deg) brightness(1.2);opacity:.7;padding:2px;transition:all .2s ease}.date-input::-webkit-calendar-picker-indicator:hover,.time-input::-webkit-calendar-picker-indicator:hover{background-color:rgba(79,195,247,.1);filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(180deg) brightness(1.5);opacity:1;transform:scale(1.1)}.date-input::-moz-calendar-picker-indicator,.time-input::-moz-calendar-picker-indicator{cursor:pointer;filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(180deg) brightness(1.2);opacity:.7;transition:all .2s ease}.date-input::-moz-calendar-picker-indicator:hover,.time-input::-moz-calendar-picker-indicator:hover{filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(180deg) brightness(1.5);opacity:1}.date-input:focus,.time-input:focus{background:var(--bg-secondary);border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(79,195,247,.1);outline:none}.date-input:focus::-webkit-calendar-picker-indicator,.time-input:focus::-webkit-calendar-picker-indicator{filter:brightness(0) invert(1) sepia(1) saturate(5) hue-rotate(180deg) brightness(1.5);opacity:1}.preset-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.preset-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.preset-btn:hover{background:rgba(79,195,247,.05);border-color:var(--primary-color);color:var(--primary-color)}.preset-btn.selected{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 2px 8px rgba(79,195,247,.3);color:#fff}.preset-btn.selected:hover{background:#2980b9;border-color:#2980b9}.date-help{background:rgba(79,195,247,.05);border-left:3px solid var(--primary-color);border-radius:6px;color:var(--text-muted);font-size:.8rem;margin-top:8px;padding:8px 12px}@media (max-width:768px){.activation-modal{margin:10px;max-width:95vw}.radio-option{padding:16px}.date-input-row{flex-direction:column;gap:8px}.preset-buttons{gap:6px;justify-content:center}.preset-btn{flex:1;font-size:.75rem;line-height:1.2;min-width:0;padding:6px 4px}}@media (max-width:480px){body{padding-top:60px}header{padding:8px 12px}header.scrolled{padding:6px 12px}.header-logo h1{font-size:18px}header.scrolled .header-logo h1{font-size:16px}nav{gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}nav::-webkit-scrollbar{display:none}.nav-item{flex-shrink:0;font-size:12px;min-height:32px;min-width:32px;padding:6px 8px}.nav-text{display:none!important}.nav-icon{display:flex;margin:0}.preset-buttons{flex-wrap:wrap;gap:4px}.preset-btn{flex:0 1 calc(50% - 2px);font-size:.7rem;padding:8px 4px;text-align:center}}.back-to-top{align-items:center;background:#4a5568;border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer;display:flex;height:56px;justify-content:center;opacity:0;position:fixed;right:30px;transform:translateY(20px);transition:all .3s ease;visibility:hidden;width:56px;z-index:1000}.back-to-top.visible{opacity:1;transform:translateY(0);visibility:visible}.back-to-top:hover{background:#2d3748;box-shadow:0 6px 20px rgba(0,0,0,.2);transform:translateY(-2px)}.back-to-top:focus{box-shadow:0 0 0 3px rgba(74,85,104,.4),0 6px 20px rgba(0,0,0,.2);outline:none}.back-to-top:active{box-shadow:0 2px 8px rgba(0,0,0,.2);transform:translateY(0)}.back-to-top svg{color:#fff;transition:none}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.back-to-top.animate-in{animation:slideInUp .3s ease}@media (max-width:768px){.add-product-btn{bottom:85px}.add-product-btn,.back-to-top{height:48px;right:20px;width:48px}.back-to-top{bottom:20px}.back-to-top svg{height:20px;width:20px}}@media (max-width:480px){.add-product-btn{bottom:80px}.add-product-btn,.back-to-top{height:44px;right:15px;width:44px}.back-to-top{bottom:15px}}.help-modal{max-height:85vh;max-width:800px;overflow-y:auto;width:90vw}.help-modal-body{max-height:60vh;overflow-y:auto;padding:0!important}.help-section{background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:var(--border-radius-lg);margin-bottom:24px;padding:20px}.help-section:last-of-type{margin-bottom:16px}.help-section h4{align-items:center;color:var(--primary-color);display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 12px}.help-section p{color:var(--text-secondary);line-height:1.6;margin:0 0 12px}.help-section ul{margin:8px 0 0;padding-left:20px}.help-section li{color:var(--text-secondary);line-height:1.5;margin-bottom:6px}.help-section li strong{color:var(--text-primary);font-weight:600}.help-tip{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(16,185,129,.05));border:1px solid rgba(16,185,129,.2);border-radius:var(--border-radius-lg);margin-top:20px;padding:20px}.help-tip p{color:var(--text-primary);font-weight:500;line-height:1.6;margin:0}.nav-item[id=helpBtn]{background-color:rgba(99,102,241,.1);border-color:rgba(99,102,241,.3);color:#6366f1}.nav-item[id=helpBtn]:hover{background-color:#6366f1;border-color:#6366f1;color:#fff}@media (max-width:768px){.help-modal{max-height:90vh;width:95vw}.help-modal-body{max-height:70vh}.help-section{margin-bottom:16px;padding:16px}.help-section h4{font-size:1rem}}@media (max-width:480px){.help-modal{max-height:95vh;width:98vw}.help-modal-body{max-height:75vh}.help-section{margin-bottom:12px;padding:12px}.help-section h4{font-size:.95rem;margin-bottom:8px}.help-section li,.help-section p{font-size:.9rem}.help-tip{padding:16px}}.btn-delivery{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:var(--success-color);transition:all .2s ease}.btn-delivery:hover{background:rgba(34,197,94,.2);border-color:rgba(34,197,94,.5);transform:translateY(-1px)}.delivery-dates-modal{max-width:600px;width:90vw}.product-info-header{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;margin-bottom:20px;padding:16px;text-align:center}.product-info-header h4{font-size:18px;font-weight:600}.delivery-dates-list{background:hsla(0,0%,100%,.02);border-radius:8px;padding:20px}.dates-count{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:6px;color:var(--success-color);font-size:14px;margin:0 0 16px;padding:12px;text-align:center}.dates-list{list-style:none;margin:0;max-height:400px;overflow-y:auto;padding:0}.date-item{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:6px;margin-bottom:8px;padding:12px 16px;transition:all .2s ease}.date-item:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.15)}.date-main{justify-content:space-between;margin-bottom:4px}.date-main,.delivery-info{align-items:center;display:flex}.delivery-info{gap:8px}.date-formatted{color:var(--text-primary);font-size:15px;font-weight:500}.quantity-badge{background:rgba(96,165,250,.2);border:1px solid rgba(96,165,250,.3);border-radius:12px;color:var(--primary-color);font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.date-relative{color:var(--text-secondary);font-size:12px;font-style:italic}@media (max-width:768px){.delivery-dates-modal{max-height:85vh;width:95vw}.product-info-header{padding:12px}.product-info-header h4{font-size:16px}.delivery-dates-list{padding:16px}.date-item{padding:10px 12px}.date-main{align-items:flex-start;flex-direction:column;gap:6px}.delivery-info{align-self:flex-end}.date-formatted{font-size:14px}.quantity-badge,.recent-badge{font-size:10px;padding:1px 6px}}.modal{align-items:center;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.modal.active{display:flex}.modal-overlay{background:rgba(0,0,0,.5)}.modal-close{align-items:center;background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.modal-close:hover{background:#d32f2f;transform:rotate(90deg)}.margin-main-content{display:flex;flex-direction:column;max-height:100%;max-width:100%;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.margin-main-content.visible{opacity:1;transform:translateY(0)}.margin-management-modal .modal-content-large{background:#1a1a1a;border-radius:10px;display:flex;flex-direction:column;height:98%;position:relative;width:98%;z-index:10002}.auth-margin-modal .modal-content-large{border:1px solid #333;border-radius:12px;height:auto;max-height:450px;max-width:500px;width:auto}.margin-management-modal .modal-header-large{align-items:center;background:#252525;border-bottom:2px solid #333;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 20px}.margin-management-modal .modal-header-large h2{flex-shrink:0;font-size:1.4rem;margin:0}.margin-management-modal .header-right{align-items:center;display:flex;flex-shrink:0;gap:15px}.margin-management-modal .session-timer{background:#333;border-radius:20px;color:#bbb;font-family:monospace;font-size:.85rem;min-width:110px;padding:6px 12px;text-align:center;white-space:nowrap}.margin-management-modal .session-timer.warning{animation:pulse 1s infinite;background:#f39c12}.auth-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);margin:auto;max-width:450px;overflow:hidden}.auth-modal-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.auth-modal-header h2{color:var(--text-primary);flex:1;font-size:1.4rem;font-weight:600;margin:0}.auth-modal-content{background:var(--bg-card);padding:30px;text-align:center}.auth-modal-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin-bottom:20px}.auth-modal .form-group{margin-bottom:15px}.auth-modal .form-group input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;padding:10px 15px;transition:border-color .2s ease;width:100%}.auth-modal .form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(33,150,243,.1);outline:none}.auth-modal .user-selection{margin-bottom:20px}.auth-modal .user-selection-label{color:var(--text-primary);display:block;font-size:.95rem;font-weight:600;margin-bottom:12px}.auth-modal .user-buttons{display:flex;flex-wrap:wrap;gap:10px}.auth-modal .user-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;flex:1;font-size:.95rem;font-weight:600;min-width:120px;padding:12px 20px;transition:all .2s ease}.auth-modal .user-button:hover{background:var(--bg-hover);border-color:var(--border-light);transform:translateY(-2px)}.auth-modal .user-button.selected{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 10px rgba(33,150,243,.3);color:#fff}.auth-modal .user-button:focus{box-shadow:0 0 0 3px rgba(33,150,243,.2);outline:none}.auth-modal .error-message{background:rgba(244,67,54,.1);border-radius:6px;color:#f44336;display:none;font-size:.85rem;margin-bottom:15px;padding:8px}.auth-modal .error-message.active{display:block}.auth-modal .modal-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.margin-management-modal .auth-section{background:#1a1a1a;border-radius:12px;margin:auto;max-width:500px;padding:40px;text-align:center}.margin-management-modal .auth-section h2{color:#fff;font-size:1.5rem;margin-bottom:15px}.margin-management-modal .auth-section p{color:#bbb;font-size:.95rem;line-height:1.5;margin-bottom:25px}.margin-management-modal .auth-section .form-group input{background:#333;border:2px solid #444;color:#fff}.margin-management-modal .auth-section .form-group input:focus{border-color:#2196f3}.margin-management-modal .auth-section .error-message{background:rgba(244,67,54,.1);border-radius:8px;color:#f44336;margin-top:15px;padding:10px}.margin-management-modal .controls-panel{background:#252525;border-bottom:1px solid #333;display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;padding:5px 30px}.margin-management-modal .control-group{align-items:center;display:flex;gap:10px}.margin-management-modal .control-group label{color:#fff;font-weight:600}.margin-management-modal .control-group input,.margin-management-modal .control-group select{background:#333;border:2px solid #444;border-radius:8px;color:#fff;font-size:14px;padding:8px 12px}.margin-management-modal .bl-date{color:#888;font-size:.85rem;font-style:italic;margin-left:10px}.margin-management-modal .stats-container{background:#1a1a1a;display:grid;flex-shrink:0;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:10px 5px}.margin-management-modal .stat-card{background:#252525;border:2px solid #444;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.3);padding:8px 16px;text-align:center}.margin-management-modal .stat-card.gradient-1{background:#283593;border-color:#5c6bc0}.margin-management-modal .stat-card.gradient-2{background:#ad1457;border-color:#e91e63}.margin-management-modal .stat-card.gradient-3{background:#01579b;border-color:#0277bd}.margin-management-modal .stat-card.gradient-4{background:#2e7d32;border-color:#43a047}.margin-management-modal .stat-label{color:#bbb;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.margin-management-modal .stat-value{color:#fff;font-size:1.4rem;font-weight:700}.margin-management-modal .products-section{background:#1a1a1a;display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;padding:0 5px 5px}.margin-management-modal .section-header{align-items:flex-end;background:#252525;border:1px solid #333;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.2);display:flex;flex-shrink:0;gap:16px;justify-content:space-between;margin-bottom:16px;padding:16px}.margin-management-modal .section-header .search-container{display:flex;flex:1;flex-direction:column;gap:6px;max-width:450px}.margin-management-modal .search-row{align-items:center;display:flex;gap:10px}.margin-management-modal .search-input-wrapper{align-items:center;display:flex;flex:1;position:relative}.margin-management-modal .filter-label{color:#d1d5db;font-size:14px;font-weight:600;margin-bottom:-2px}.margin-management-modal .product-search-input{background:#1a1a1a;border:1px solid #3a3a4a;border-radius:6px;color:#e0e0e0;flex:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.95rem;padding:9px 42px;transition:all .25s ease}.margin-management-modal .search-input-wrapper:before{content:"🔍";font-size:1rem;left:14px;opacity:.5;pointer-events:none;position:absolute;z-index:1}.margin-management-modal .search-clear-btn{align-items:center;background:#3a3a4a;border:none;border-radius:50%;color:#e0e0e0;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:10px;transition:all .2s ease;width:24px;z-index:2}.margin-management-modal .search-clear-btn:hover{background:#f44;color:#fff;transform:scale(1.1)}.margin-management-modal .search-clear-btn:active{transform:scale(.95)}.margin-management-modal .product-count{background:rgba(96,165,250,.1);border:1px solid rgba(96,165,250,.2);border-radius:12px;color:#60a5fa;font-size:.85rem;font-weight:700;padding:4px 10px;white-space:nowrap}.margin-management-modal .colis-count{color:#9e9e9e;font-size:.75rem;font-weight:500;white-space:nowrap}.margin-management-modal .product-search-input::placeholder{color:#666;font-size:.9rem}.margin-management-modal .product-search-input:focus{background:#1e1e2e;border-color:#555;box-shadow:0 0 0 3px rgba(85,85,85,.15);outline:none}.margin-management-modal .product-search-input:hover:not(:focus){background:#1e1e2e;border-color:#4a4a5a}.margin-management-modal .section-header h3{color:#fff;font-weight:600;margin:0}.margin-management-modal .sort-controls{align-items:center;display:flex;gap:12px}.margin-management-modal .sort-controls label{color:#d1d5db;font-size:14px;font-weight:600}.margin-management-modal .sort-select{background:#2f3139;border:2px solid #555;border-radius:8px;color:#e5e7eb;cursor:pointer;font-size:14px;font-weight:600;outline:none;padding:8px 12px;transition:all .3s ease}.margin-management-modal .sort-select:hover{background:#3a3d47;border-color:#6b7280}.margin-management-modal .sort-select:focus{border-color:#2196f3;box-shadow:0 0 0 3px rgba(33,150,243,.15)}.margin-management-modal .sort-select option{background:#2f3139;color:#e5e7eb;padding:8px}.margin-management-modal .sort-order-toggle{align-items:center;background:#2f3139;border:2px solid #555;border-radius:8px;color:#e5e7eb;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;outline:none;padding:8px 12px;transition:all .3s ease}.margin-management-modal .sort-order-toggle:hover{background:#3a3d47;border-color:#6b7280;transform:translateY(-1px)}.margin-management-modal .sort-order-toggle:active{transform:translateY(0)}.margin-management-modal .sort-order-toggle:focus{border-color:#2196f3;box-shadow:0 0 0 3px rgba(33,150,243,.15)}.margin-management-modal .sort-order-toggle .order-icon{font-size:16px;line-height:1}.margin-management-modal .sort-order-toggle .order-text{line-height:1}.margin-management-modal .table-container{background:#252525;border:1px solid #333;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.3);flex:1;min-height:0;overflow-x:auto;overflow-y:auto}.margin-management-modal table{border-collapse:collapse;width:100%}.margin-management-modal thead{background:#333;color:#fff;position:sticky;top:0;z-index:10}.margin-management-modal tbody tr,.margin-management-modal thead tr{display:table-row}.margin-management-modal td,.margin-management-modal th{padding:15px;text-align:left}.margin-management-modal th{background:#333;border-right:1px solid #444;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.margin-management-modal th:last-child{border-right:none}.margin-management-modal td{border-bottom:1px solid #333;border-right:1px solid #333;color:#ddd;padding:12px 15px}.margin-management-modal td:last-child{border-right:none}.margin-management-modal tbody tr:nth-child(odd){background:#2a2a2a}.margin-management-modal tbody tr:nth-child(2n){background:#252525}.margin-management-modal tbody tr:hover{background:#2f3139!important}.margin-management-modal #marginProductsTable td,.margin-management-modal #marginProductsTable th{transition:background-color .2s ease,box-shadow .2s ease}.margin-management-modal #marginProductsTable td[data-active=true],.margin-management-modal #marginProductsTable th[data-active=true]{background:rgba(96,165,250,.08);box-shadow:inset 0 0 0 1px rgba(96,165,250,.15)}.margin-management-modal .currency{font-family:Courier New,monospace;font-weight:600}.margin-management-modal .percentage{font-weight:600}.margin-management-modal .margin-excellent{color:#2ecc71}.margin-management-modal .margin-good{color:#0a97e9}.margin-management-modal .margin-low{color:#e67e22}.margin-management-modal .margin-poor{color:#ff1900}.sales-report-modal .percentage{font-weight:600}.sales-report-modal .margin-excellent{color:#2ecc71}.sales-report-modal .margin-good{color:#0a97e9}.sales-report-modal .margin-low{color:#e67e22}.sales-report-modal .margin-poor{color:#ff1900}.sales-report-modal .btn-view-bl{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:4px;color:#60a5fa;cursor:pointer;font-size:14px;padding:4px 8px;transition:all .2s ease}.sales-report-modal .btn-view-bl:hover{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.5);transform:translateY(-1px)}.sales-report-modal .btn-view-bl:active{transform:translateY(0)}.margin-management-modal .btn-view-sales{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:4px;color:#10b981;cursor:pointer;font-size:14px;padding:4px 8px;transition:all .2s ease}.margin-management-modal .btn-view-sales:hover{background:rgba(16,185,129,.2);border-color:rgba(16,185,129,.5);transform:translateY(-1px)}.margin-management-modal .btn-view-sales:active{transform:translateY(0)}.margin-management-modal .empty-state{color:#888;font-style:italic;padding:40px;text-align:center}.margin-management-modal .loading-overlay{align-items:center;background:rgba(26,26,26,.95);display:none;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.margin-management-modal .loading-content{text-align:center}.margin-management-modal .spinner{animation:spin 1s linear infinite;border:4px solid #444;border-radius:50%;border-top-color:#2196f3;height:50px;margin:0 auto 20px;width:50px}.margin-management-modal .loading-text{color:#fff;font-weight:600}@media (max-width:768px){.margin-management-modal .modal-content-large{border-radius:0;height:100vh;max-height:100vh;max-width:100vw;width:100vw}.margin-management-modal .modal-header-large{flex-direction:column;gap:10px;padding:15px}.margin-management-modal .controls-panel{flex-direction:column;padding:15px}.margin-management-modal .control-group{align-items:stretch;flex-direction:column;width:100%}.margin-management-modal .control-group input,.margin-management-modal .control-group select{width:100%}.margin-management-modal .stats-container{grid-template-columns:1fr;padding:15px}.margin-management-modal .products-section{padding:15px}.margin-management-modal .section-header{flex-direction:column;gap:10px}.margin-management-modal td,.margin-management-modal th{font-size:.85rem;padding:8px}}.admin-code-management-modal{z-index:10000}.admin-code-management-modal .modal-overlay{z-index:10001}.admin-code-management-modal .modal-content-large{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);display:flex;flex-direction:column;height:90%;max-width:1200px;overflow:hidden;position:relative;width:85%;z-index:10002}.admin-code-content{background:var(--bg-card);flex:1;overflow-y:auto;padding:20px}.admin-code-content .users-list{display:flex;flex-direction:column;gap:20px}.admin-code-content .user-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:20px;transition:all .3s ease}.admin-code-content .user-card:hover{border-color:var(--border-light);box-shadow:0 4px 12px rgba(0,0,0,.3)}.admin-code-content .user-card-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.admin-code-content .user-card-header h3{align-items:center;color:#fff;display:flex;font-size:1.3rem;gap:10px;margin:0}.admin-code-content .admin-badge{background:#2196f3;border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.admin-code-content .codes-list{display:flex;flex-direction:column;gap:10px}.admin-code-content .code-item{align-items:center;background:#333;border:1px solid #444;border-radius:8px;display:flex;justify-content:space-between;padding:12px 15px;transition:all .2s ease}.admin-code-content .code-item:hover{background:#3a3a3a;border-color:#555}.admin-code-content .code-info{align-items:center;display:flex;flex:1;gap:20px}.admin-code-content .code-user-name{color:#fff;font-size:1rem;font-weight:600;letter-spacing:.3px}.admin-code-content .code-value{color:#2196f3;cursor:pointer;font-family:Courier New,monospace;font-size:.95rem;font-weight:600;letter-spacing:.5px;transition:filter .3s ease;user-select:none}.admin-code-content .code-value.blurred{filter:blur(6px)}.admin-code-content .code-value.blurred:hover{filter:blur(3px)}.admin-code-content .code-value.revealed{filter:blur(0);user-select:text}.admin-code-content .code-actions{display:flex;gap:10px}.admin-code-content .btn-icon{background:none;border:none;border-radius:6px;cursor:pointer;font-size:1.2rem;opacity:.8;padding:5px 10px;transition:all .2s ease}.admin-code-content .btn-icon:hover{background:hsla(0,0%,100%,.1);opacity:1;transform:scale(1.1)}.admin-code-content .btn-icon.btn-danger:hover{background:rgba(244,67,54,.2)}.admin-code-content .no-codes{color:#888;font-style:italic;padding:20px;text-align:center}.admin-code-content .empty-state,.admin-code-content .error-state,.admin-code-content .loading-state{color:#888;font-size:1.1rem;padding:60px 20px;text-align:center}.admin-code-content .error-state{color:#f44336}.admin-code-content .btn-sm{font-size:.9rem;padding:8px 16px}@media (max-width:768px){.admin-code-management-modal .modal-content-large{height:95%;width:95%}.admin-code-content .code-item,.admin-code-content .user-card-header{align-items:flex-start;flex-direction:column;gap:10px}.admin-code-content .code-actions{justify-content:flex-end;width:100%}}.code-input-modal-overlay{align-items:center;animation:fadeInCodeModal .2s ease;background-color:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10010}@keyframes fadeInCodeModal{0%{opacity:0}to{opacity:1}}.code-input-modal-content{animation:slideUpCodeModal .3s ease;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);max-width:450px;width:90%}@keyframes slideUpCodeModal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.code-input-modal-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px}.code-input-modal-header h3{color:var(--text-primary);flex:1;font-size:1.2rem;font-weight:600;margin:0}.code-input-modal-body{padding:25px}.code-input-modal-body .form-group{margin-bottom:20px}.code-input-modal-body .form-group:last-of-type{margin-bottom:10px}.code-input-modal-body label{color:var(--text-primary);display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.code-input-modal-body .form-input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;padding:12px 16px;transition:border-color .2s ease;width:100%}.code-input-modal-body .form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(33,150,243,.1);outline:none}.code-input-modal-body .code-input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-family:Courier New,monospace;font-size:1.5rem;letter-spacing:8px;padding:12px 16px;text-align:center;transition:border-color .2s ease;width:100%}.code-input-modal-body .code-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(33,150,243,.1);outline:none}.code-input-modal-body .user-selection-label{color:var(--text-primary);display:block;font-size:.95rem;font-weight:600;margin-bottom:12px}.code-input-modal-body .user-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.code-input-modal-body .user-button{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;flex:1;font-size:.95rem;font-weight:600;min-width:120px;padding:12px 20px;transition:all .2s ease}.code-input-modal-body .user-button:hover{background:var(--bg-hover);border-color:var(--border-light);box-shadow:0 4px 8px rgba(0,0,0,.15);transform:translateY(-2px)}.code-input-modal-body .user-button.selected{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 10px rgba(33,150,243,.3);color:#fff}.code-input-modal-body .user-button:focus{box-shadow:0 0 0 3px rgba(33,150,243,.2);outline:none}.code-input-modal-body .code-input-error{color:#f44336;font-size:.85rem;margin-top:8px;min-height:20px;text-align:center}.code-input-modal-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;padding:20px}.code-input-modal-footer .btn{border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.code-input-modal-footer .btn:disabled{cursor:not-allowed;opacity:.5}.sales-report-modal{background:#1a1a1a;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.7);display:flex;flex-direction:column;height:98%;left:50%;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:98%;z-index:10002}.sales-report-modal.auth-sales-modal{display:none}.sales-report-modal.auth-sales-modal.active{display:flex}.modal-overlay{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.7);bottom:0;display:flex;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:10001}.modal-overlay.active{display:flex}.sales-report-modal .modal-header{align-items:center;border-bottom:2px solid #333;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 20px}.sales-report-modal .modal-header h2{flex-shrink:0;font-size:1.4rem;margin:0}.sales-report-modal .header-right{align-items:center;display:flex;flex-shrink:0;gap:15px}.sales-report-modal .btn-upload-header{align-items:center;background:#2f3139;border:2px solid #555;border-radius:8px;color:#e5e7eb;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 14px;transition:all .3s ease;white-space:nowrap}.sales-report-modal .btn-upload-header:hover{background:#3a3d47;border-color:#6b7280;box-shadow:0 2px 8px rgba(0,0,0,.3);transform:translateY(-1px)}.sales-report-modal .btn-upload-header:active{transform:translateY(0)}.sales-report-modal .session-timer{background:#333;border-radius:20px;color:#bbb;font-family:monospace;font-size:.85rem;min-width:110px;padding:6px 12px;text-align:center;white-space:nowrap}.sales-report-modal .session-timer.warning{animation:pulse 1s infinite;background:#f39c12}.upload-modal-overlay{align-items:center;backdrop-filter:blur(6px);background:rgba(0,0,0,.75);bottom:0;display:none;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100%;z-index:10003}.upload-modal{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.8);display:flex;flex-direction:column;max-width:550px;opacity:0;position:relative;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease;width:90%;z-index:10004}.upload-modal.active{opacity:1;transform:translateY(0)}.upload-modal-header{align-items:center;background:#252525;border-bottom:2px solid #333;display:flex;justify-content:space-between;padding:16px 20px}.upload-modal-header h3{color:#fff;font-size:1.2rem;margin:0}.upload-modal-header .modal-close{align-items:center;background:transparent;border:none;border-radius:4px;color:#bbb;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.upload-modal-header .modal-close:hover{background:#f44;color:#fff}.upload-modal-body{display:flex;flex-direction:column;gap:20px;padding:24px 20px}.upload-instructions{text-align:center}.upload-instructions p{color:#d1d5db;font-size:.95rem;margin:0 0 8px}.upload-instructions .upload-note{color:#9ca3af;font-size:.85rem;font-style:italic}.upload-dropzone{background:#1e1e2e;border:2px dashed #444;border-radius:10px;cursor:pointer;padding:40px 20px;position:relative;text-align:center;transition:all .3s ease}.upload-dropzone.dragover{background:rgba(96,165,250,.05);border-color:#60a5fa;transform:scale(1.02)}.dropzone-content{align-items:center;display:flex;flex-direction:column;gap:12px}.dropzone-icon{font-size:3rem;opacity:.6}.dropzone-text{color:#d1d5db;font-size:1rem;font-weight:600;margin:0}.dropzone-or{color:#9ca3af;font-size:.85rem;margin:0}.btn-browse{background:#2f3139;border:2px solid #555;border-radius:8px;color:#e5e7eb;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-browse:hover{background:#3a3d47;border-color:#6b7280}.dropzone-filename{color:#60a5fa;font-size:.95rem;font-weight:600;margin-top:12px}.upload-modal-footer{background:#252525;border-top:2px solid #333;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.upload-modal-footer .btn{border:2px solid transparent;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.upload-modal-footer .btn-secondary{background:#2f3139;border-color:#555;color:#e5e7eb}.upload-modal-footer .btn-secondary:hover{background:#3a3d47;border-color:#6b7280}.upload-modal-footer .btn-primary{background:#2563eb;border-color:#2563eb;color:#fff}.upload-modal-footer .btn-primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 4px 12px rgba(37,99,235,.3);transform:translateY(-1px)}.upload-modal-footer .btn-primary:disabled{background:#374151;border-color:#374151;color:#6b7280;cursor:not-allowed;opacity:.6}.upload-modal .upload-result{border-radius:8px;font-weight:600;margin-top:12px;padding:12px;text-align:center}.upload-modal .upload-result.success{background:rgba(76,175,80,.2);border:1px solid #4caf50;color:#4caf50}.upload-modal .upload-result.error{background:rgba(244,67,54,.2);border:1px solid #f44336;color:#f44336}.sales-report-modal .modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.sales-report-modal .modal-close:hover{background:hsla(0,0%,100%,.1);transform:scale(1.1)}.sales-report-modal .sales-main-content{display:flex;flex:1;flex-direction:column;overflow:hidden;width:100%}.sales-report-modal .tabs{background:#1a1a1a;border-bottom:1px solid #333;display:flex;flex-shrink:0;gap:0;padding:0 20px}.sales-report-modal .tab-btn{background:none;border:none;border-bottom:3px solid transparent;color:#888;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:12px 20px;text-transform:uppercase;transition:all .2s ease}.sales-report-modal .tab-btn:hover{color:#bbb}.sales-report-modal .tab-btn.active{border-bottom-color:#00bcd4;color:#00bcd4}.sales-report-modal .tab-panel{display:none;flex:1;flex-direction:column;overflow:auto;padding:20px}.sales-report-modal .unified-filters-section{background:transparent;border:none;display:flex;margin:6px 8px 8px;padding:0}.sales-report-modal .unified-filters-section,.sales-report-modal .unified-filters-section.collapsible-select{align-items:stretch;flex-direction:column;gap:6px}.sales-report-modal .unified-filters-section .collapsible-select__header{align-items:center;background:#252525;border:1px solid #2c2e38;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.18);display:flex;gap:10px;justify-content:space-between;min-height:40px;padding:8px 12px}.sales-report-modal .unified-filters-section .collapsible-select__header label{color:#e0e0e0;font-size:.9rem;font-weight:600;margin:0;white-space:nowrap}.sales-report-modal .unified-filters-section .collapsible-select__toggle{align-items:center;background:#1e1e2e;border:1px solid #3a3a4a;border-radius:6px;color:#e0e0e0;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.9rem;height:34px;justify-content:center;padding:0;transition:all .2s ease;width:34px}.sales-report-modal .unified-filters-section .collapsible-select__toggle:hover{background:#252535;border-color:#4a4a5a}.sales-report-modal .unified-filters-section .collapsible-select__toggle.collapsed{transform:rotate(-90deg)}.sales-report-modal .unified-filters-section .collapsible-select__body{background:#252525;border:1px solid #2c2e38;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 2px 10px rgba(0,0,0,.18);display:flex;flex-direction:column;gap:0;margin-top:-1px;padding:8px 12px}.sales-report-modal .unified-filters-section .collapsible-select__body.collapsed{display:none}.sales-report-modal .unified-filters-grid{display:flex;flex-direction:column;gap:8px}.sales-report-modal .filter-row{align-items:start;display:grid;gap:10px;grid-template-columns:1fr 1fr}.sales-report-modal .filter-row .control-group.inline{align-items:flex-start;flex-direction:column;gap:6px;max-width:100%;width:100%}.sales-report-modal .filter-row .control-group.inline label{color:#e0e0e0;font-size:.9rem;font-weight:600;white-space:normal}.sales-report-modal .filter-row .control-group.inline select{accent-color:#3b82f6;background:#333;border:1px solid #3a3d4f;border-radius:6px;color:#e5e7f3;cursor:pointer;font-size:.9rem;padding:5px 10px;transition:all .2s ease;width:100%}.sales-report-modal .filter-row .control-group.inline select:hover{border-color:#4a4a5a}.sales-report-modal .filter-row .control-group.inline select:focus{border-color:#5c6bc0;box-shadow:0 0 0 2px rgba(92,107,192,.2);outline:none}.sales-report-modal .filter-row select[multiple]{accent-color:#3b82f6;max-height:140px;min-height:110px;overflow-y:auto}.sales-report-modal .bl-selector-section,.sales-report-modal .controls-panel{display:none}.sales-report-modal .sales-products-section{background:#1a1a1a;display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;padding:0 5px 5px}.sales-report-modal .section-header{align-items:flex-end;background:#252525;border:1px solid #333;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.2);display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:16px}.sales-report-modal .section-header .search-container{display:flex;flex:1;flex-direction:column;gap:6px;max-width:450px}.sales-report-modal .search-row{align-items:center;display:flex;gap:10px}.sales-report-modal .search-input-wrapper{align-items:center;display:flex;flex:1;position:relative}.sales-report-modal .filter-label{color:#d1d5db;font-size:14px;font-weight:600;margin-bottom:-2px}.sales-report-modal .missing-delivery-filter{border-left:2px solid #3a3a4a;display:flex;flex-direction:column;gap:6px;min-width:200px;padding-left:16px}.sales-report-modal .toggle-filter{align-items:center;border-left:2px solid #3a3a4a;display:flex;gap:8px;min-width:240px;padding-left:16px}.sales-report-modal .toggle-filter .toggle{align-items:center;color:#d1d5db;display:flex;font-size:14px;font-weight:600;gap:8px}.sales-report-modal .toggle-filter input[type=checkbox]{height:18px;width:18px}.sales-report-modal .missing-delivery-filter label{color:#d1d5db;font-size:14px;font-weight:600}.sales-report-modal .missing-delivery-filter input{background:#1a1a1a;border:1px solid #3a3a4a;border-radius:6px;color:#e0e0e0;font-size:.95rem;padding:9px 12px;transition:all .25s ease}.sales-report-modal .missing-delivery-filter input:hover{background:#1e1e2e;border-color:#4a4a5a}.sales-report-modal .missing-delivery-filter input:focus{background:#1e1e2e;border-color:#555;box-shadow:0 0 0 3px rgba(85,85,85,.15);outline:none}.sales-report-modal .product-search-input{background:#1a1a1a;border:1px solid #3a3a4a;border-radius:6px;color:#e0e0e0;flex:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.95rem;padding:9px 42px;transition:all .25s ease}.sales-report-modal .search-input-wrapper:before{content:"🔍";font-size:1rem;left:14px;opacity:.5;pointer-events:none;position:absolute;z-index:1}.sales-report-modal .search-clear-btn{align-items:center;background:#3a3a4a;border:none;border-radius:50%;color:#e0e0e0;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:10px;transition:all .2s ease;width:24px;z-index:2}.sales-report-modal .search-clear-btn:hover{background:#f44;color:#fff;transform:translateY(-50%) scale(1.1)}.sales-report-modal .search-clear-btn:active{transform:translateY(-50%) scale(.95)}.sales-report-modal .product-count{background:rgba(96,165,250,.1);border:1px solid rgba(96,165,250,.2);border-radius:12px;color:#60a5fa;font-size:.85rem;font-weight:700;padding:4px 10px;white-space:nowrap}.sales-report-modal .product-search-input::placeholder{color:#666;font-size:.9rem}.sales-report-modal .product-search-input:focus{background:#1e1e2e;border-color:#555;box-shadow:0 0 0 3px rgba(85,85,85,.15);outline:none}.sales-report-modal .product-search-input:hover:not(:focus){background:#1e1e2e;border-color:#4a4a5a}.sales-report-modal .sort-controls{align-items:center;display:flex;gap:12px}.sales-report-modal .sort-controls label{color:#d1d5db;font-size:14px;font-weight:600}.sales-report-modal .sort-select{background:#2f3139;border:2px solid #555;border-radius:8px;color:#e5e7eb;cursor:pointer;font-size:14px;font-weight:600;outline:none;padding:8px 12px;transition:all .3s ease}.sales-report-modal .sort-select:hover{background:#3a3d47;border-color:#6b7280}.sales-report-modal .sort-select:focus{border-color:#2196f3;box-shadow:0 0 0 3px rgba(33,150,243,.15)}.sales-report-modal .sort-select option{background:#2f3139;color:#e5e7eb;padding:8px}.sales-report-modal .sort-order-toggle{align-items:center;background:#2f3139;border:2px solid #555;border-radius:8px;color:#e5e7eb;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 12px;transition:all .3s ease}.sales-report-modal .sort-order-toggle:hover{background:#3a3d47;border-color:#6b7280}.sales-report-modal .sort-order-toggle:active{transform:scale(.95)}.sales-report-modal .order-icon{font-size:1rem}.sales-report-modal .table-container{background:#252525;border:1px solid #333;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.3);flex:1;margin-top:1rem;min-height:0;overflow-x:auto;overflow-y:auto}.sales-report-modal thead{background:#333;color:#fff;position:sticky;top:0;z-index:10}.sales-report-modal th{background:#333;border-right:1px solid #444;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.sales-report-modal th:last-child{border-right:none}.sales-report-modal td{border-bottom:1px solid #333;border-right:1px solid #333;color:#ddd;font-size:.95rem;padding:12px 15px}.sales-report-modal td:last-child{border-right:none}.sales-report-modal #salesTable td,.sales-report-modal #salesTable th{transition:background-color .2s ease,box-shadow .2s ease}.sales-report-modal #salesTable td[data-active=true],.sales-report-modal #salesTable th[data-active=true]{background:rgba(96,165,250,.1);box-shadow:inset 0 0 0 1px rgba(96,165,250,.22)}.sales-report-modal tbody tr:nth-child(odd){background:#2a2a2a}.sales-report-modal tbody tr:nth-child(2n){background:#252525}.sales-report-modal tbody tr:hover{background:#2f3139!important}.sales-report-modal input[type=file]{color:#bbb;margin:10px 0}.sales-report-modal input[type=file]::file-selector-button{background:#333;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer;margin-right:10px;padding:8px 16px}.sales-report-modal input[type=file]::file-selector-button:hover{background:#00bcd4;border-color:#00bcd4;color:#000}.sales-report-modal .upload-result{border-radius:4px;margin-top:10px;padding:10px}.sales-report-modal .upload-result.success{background:rgba(76,175,80,.2);border:1px solid #4caf50;color:#4caf50}.sales-report-modal .upload-result.error{background:rgba(244,67,54,.2);border:1px solid #f44336;color:#f44336}@media (max-width:768px){.sales-report-modal{border-radius:0;height:100%;max-height:100%;max-width:100%;width:100%}.sales-report-modal .modal-header{padding:10px 15px}.sales-report-modal .modal-header h2{font-size:1.2rem}.sales-report-modal .tabs{padding:0 15px}.sales-report-modal .tab-btn{font-size:.85rem;padding:10px 15px}.sales-report-modal .stats-container{grid-template-columns:repeat(2,1fr)}.sales-report-modal .section-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:15px}.sales-report-modal .search-container{flex:1!important;width:100%}.sales-report-modal .sort-controls{flex-wrap:wrap;width:100%}.sales-report-modal table{font-size:.8rem}.sales-report-modal td,.sales-report-modal th{padding:8px}}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.sales-report-modal .tab-btn:hover{background:rgba(33,150,243,.05);color:var(--text-primary)}.sales-report-modal .tab-btn.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}.sales-report-modal .tab-panel{animation:fadeIn .3s}.sales-report-modal .controls{align-items:center;background:var(--bg-secondary);border-radius:var(--border-radius-sm);display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;padding:1.5rem}.sales-report-modal .controls button,.sales-report-modal .controls select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.sales-report-modal .controls button:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.sales-report-modal .stats-container{background:#1a1a1a;display:grid;flex-shrink:0;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:10px 5px}.sales-report-modal .stat-card{background:#252525;border:2px solid #444;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.3);padding:8px 16px;text-align:center}.sales-report-modal .stat-card.gradient-1{background:#283593;border-color:#5c6bc0}.sales-report-modal .stat-card.gradient-2{background:#ad1457;border-color:#e91e63}.sales-report-modal .stat-card.gradient-3{background:#01579b;border-color:#0277bd}.sales-report-modal .stat-card.gradient-4{background:#2e7d32;border-color:#43a047}.sales-report-modal .stat-label{color:#bbb;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.sales-report-modal .stat-value{color:#fff;font-size:1.4rem;font-weight:700}.sales-report-modal .sort-group{align-items:center;display:flex;font-weight:500;gap:1rem}.sales-report-modal select{background:var(--bg-primary);color:var(--text-primary);cursor:pointer;padding:.75rem}.sales-report-modal .table-wrapper,.sales-report-modal select{border:1px solid var(--border-color);border-radius:var(--border-radius-sm)}.sales-report-modal .table-wrapper{background:var(--bg-secondary);box-shadow:0 2px 8px rgba(0,0,0,.1);overflow-x:auto}.sales-report-modal table{border-collapse:collapse;font-size:.9rem;width:100%}.sales-report-modal table td,.sales-report-modal table th{border-bottom:1px solid var(--border-color);padding:1rem .75rem;text-align:left}.sales-report-modal table th{color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;position:sticky;text-transform:uppercase;top:0;z-index:2}.sales-report-modal table tbody tr{transition:all .2s}.sales-report-modal table tbody tr:hover{background:rgba(33,150,243,.05)}.sales-report-modal table tbody tr:nth-child(2n){background:hsla(0,0%,100%,.02)}.sales-report-modal table tbody tr.zero-ca{background:hsla(0,0%,100%,.01);color:var(--text-secondary);opacity:.65}.sales-report-modal table tbody tr.zero-ca:hover{background:rgba(33,150,243,.03)}.sales-report-modal table td{color:var(--text-primary)}.sales-report-modal .upload-result{background:var(--bg-secondary);border-left:4px solid var(--success-color);border-radius:var(--border-radius-sm);color:var(--text-primary);margin-top:1.5rem;padding:1rem}.modal-taskbar{background:hsla(0,0%,8%,.9);border:1px solid var(--border-color);border-radius:10px;bottom:16px;box-shadow:0 6px 20px rgba(0,0,0,.45);display:none;gap:8px;left:50%;padding:8px 12px;position:fixed;transform:translateX(-50%);z-index:11000}.modal-taskbar .taskbar-item{align-items:center;background:#2f2f36;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;gap:12px;padding:8px 12px;position:relative;transition:background .2s ease,border-color .2s ease,transform .1s ease}.modal-taskbar .taskbar-item .taskbar-label{white-space:nowrap}.modal-taskbar .taskbar-item .taskbar-timer{background:rgba(0,0,0,.3);border-radius:4px;font-family:Courier New,monospace;font-size:.85em;font-weight:600;min-width:40px;padding:2px 8px;text-align:center;transition:color .2s ease}.modal-taskbar .taskbar-item .taskbar-timer.warning{color:#ff6b6b}.modal-taskbar .taskbar-item .taskbar-close{background:transparent;border:none;color:var(--text-primary);cursor:pointer;flex-shrink:0;font-size:1.2em;line-height:1;padding:0 4px;transition:color .2s ease,text-shadow .2s ease}.modal-taskbar .taskbar-item .taskbar-close:hover{color:#ff6b6b;text-shadow:0 0 8px hsla(0,100%,71%,.5)}.modal-taskbar .taskbar-item:hover{background:#3a3a44;border-color:var(--primary-color);transform:translateY(-1px)}.modal-taskbar .taskbar-item.active{background:#3a3a44;border-left:3px solid var(--primary-color)}.modal-taskbar .taskbar-item.active:hover{background:#444450}.modal-taskbar .taskbar-item.minimized{background:#2f2f36;border-left:3px solid transparent;opacity:.7}.modal-taskbar .taskbar-item.minimized:hover{background:#3a3a44;opacity:1}.modal-header .modal-minimize{background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;margin-right:8px;padding:6px 10px;transition:background .2s ease,border-color .2s ease}.modal-header .modal-minimize:hover{background:hsla(0,0%,100%,.06);border-color:var(--primary-color)}@media (max-width:768px){.sales-report-modal{border-radius:0;max-height:100vh;max-width:100%;width:100%}.sales-report-modal .modal-header{padding:1rem 1.5rem}.sales-report-modal .modal-header h2{font-size:1.3rem}.sales-report-modal .modal-body{padding:1rem}.sales-report-modal .controls{align-items:stretch;flex-direction:column;gap:.75rem}.sales-report-modal .controls button,.sales-report-modal .controls select{width:100%}.sales-report-modal .stats-container{gap:1rem;grid-template-columns:repeat(2,1fr)}.sales-report-modal .stat-card{padding:1rem}.sales-report-modal .stat-value{font-size:1.4rem}.sales-report-modal table{font-size:.8rem}.sales-report-modal table td,.sales-report-modal table th{padding:.6rem .4rem}}.auth-sales-modal{align-items:center;display:flex;justify-content:center}.auth-sales-modal .modal-overlay{background:rgba(0,0,0,.7);bottom:0;left:0;position:fixed;right:0;top:0;z-index:10001}.sales-report-modal .bl-date{color:#888;font-size:.85rem;font-style:italic;margin-left:10px}@media (max-width:900px){.category-section .products-list,.products-grid,.products-list{gap:16px!important;grid-template-columns:repeat(2,1fr)!important}}@media (max-width:480px){.category-section .products-list,.products-grid,.products-list{gap:14px!important;grid-template-columns:1fr!important}}@media (max-width:350px){.category-section .products-list,.products-grid,.products-list{gap:12px!important;grid-template-columns:1fr!important}}.search-group button.btn{background-color:var(--primary-color)!important;border:none!important;border-radius:var(--border-radius-sm)!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;font-weight:600!important;padding:12px 20px!important;transition:var(--transition)!important}.search-group button.btn:hover{background-color:var(--primary-hover)!important;transform:translateY(-1px)!important}.btn-loading{cursor:not-allowed!important;opacity:.7!important;position:relative!important}.btn-loading:after{animation:spin 1s linear infinite!important;border:2px solid transparent!important;border-radius:50%!important;border-top-color:currentcolor!important;bottom:0!important;content:""!important;height:16px!important;left:0!important;margin:auto!important;position:absolute!important;right:0!important;top:0!important;width:16px!important}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.product-pricing.has-single-price-centered{display:flex!important;justify-content:center!important}.product-pricing.has-single-price-centered .pricing-item{max-width:none!important;text-align:center!important;width:100%!important}@media (max-width:768px){.product-pricing.has-single-price-centered .pricing-item{max-width:100%!important;width:100%!important}}.kprice-modal{background:var(--bg-card,#1a1a1a);border:1px solid var(--border-color,#333);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.4);left:50%;max-width:500px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:10000}.kprice-modal.minimized{height:auto;width:300px}.kprice-modal.minimized .kprice-content{display:none}.kprice-resize-handle{background:linear-gradient(135deg,transparent 50%,var(--border-color,#333) 50%);bottom:0;cursor:nwse-resize;height:20px;opacity:.5;position:absolute;right:0;transition:opacity .2s;width:20px}.kprice-resize-handle:hover{opacity:1}.kprice-header{align-items:center;background:var(--bg-secondary,#1f1f1f);border-bottom:1px solid var(--border-color,#333);cursor:move;display:flex;justify-content:space-between;padding:16px;user-select:none}.kprice-header h3{align-items:center;color:var(--text-primary,#fff);font-size:18px;font-weight:600;margin:0}.kprice-header h3,.kprice-header-actions{display:flex;gap:8px}.kprice-header-actions button{background:none;border:none;border-radius:4px;color:var(--text-secondary,#a1a1aa);cursor:pointer;font-size:18px;padding:4px 8px;transition:all .2s}.kprice-header-actions button:hover{background:var(--bg-tertiary,#2a2a2a);color:var(--text-primary,#fff)}.kprice-content{padding:24px}.kprice-form-group{margin-bottom:20px}.kprice-form-group label{color:var(--text-secondary,#a1a1aa);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.kprice-input-wrapper{position:relative}.kprice-input-wrapper input{background:var(--bg-secondary,#1f1f1f);border:1px solid var(--border-color,#333);border-radius:8px;color:var(--text-primary,#fff);font-size:16px;padding:12px;transition:border-color .2s;width:100%}.kprice-input-wrapper input:focus{border-color:var(--primary-color,#60a5fa);outline:none}.kprice-input-wrapper input::placeholder{color:var(--text-secondary,#a1a1aa);opacity:.6}#kprice-weight{font-size:20px;font-weight:500;padding:16px}.kprice-unit-toggle{display:flex;gap:8px;margin-top:8px}.kprice-unit-btn{background:var(--bg-secondary,#1f1f1f);border:1px solid var(--border-color,#333);border-radius:6px;color:var(--text-secondary,#a1a1aa);cursor:pointer;flex:1;font-size:14px;padding:8px;transition:all .2s}.kprice-unit-btn:hover{background:var(--bg-tertiary,#2a2a2a)}.kprice-unit-btn.active{border-color:var(--primary-color,#60a5fa)}.kprice-calculate-btn,.kprice-unit-btn.active{background:var(--primary-color,#60a5fa);color:#fff}.kprice-calculate-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:24px;padding:14px;transition:all .2s;width:100%}.kprice-calculate-btn:hover{background:var(--primary-hover,#3b82f6);box-shadow:0 4px 12px rgba(96,165,250,.3);transform:translateY(-1px)}.kprice-calculate-btn:active{transform:translateY(0)}.kprice-result{background:var(--bg-secondary,#1f1f1f);border:1px solid var(--border-color,#333);border-radius:8px;margin-top:20px;padding:16px}.kprice-result-label{color:var(--text-secondary,#a1a1aa);font-size:14px;margin-bottom:8px}.kprice-result-value{color:var(--primary-color,#60a5fa);font-size:24px;font-weight:700}.kprice-reset-btn{background:var(--bg-tertiary,#2a2a2a);border:1px solid var(--border-color,#333);border-radius:8px;color:var(--text-secondary,#a1a1aa);cursor:pointer;font-size:14px;margin-top:12px;padding:10px;transition:all .2s;width:100%}.kprice-reset-btn:hover{background:var(--bg-secondary,#1f1f1f);color:var(--text-primary,#fff)}.kprice-pip-container{background:var(--bg-card,#1a1a1a);color:var(--text-primary,#fff);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:0}.kprice-pip-container .kprice-header{cursor:default;margin-bottom:0}.kprice-pip-container .kprice-content{flex:1;padding:20px}body{padding:0}