:root{--bg-dark:#0f172a;--bg-card:#1e293b;--bg-card-hover:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--accent-blue:#3b82f6;--accent-emerald:#10b981;--accent-red:#ef4444;--accent-purple:#8b5cf6;--accent-amber:#f59e0b;--accent-cyan:#06b6d4;--border-color:#ffffff1a}body.light-mode{--bg-dark:#f8fafc;--bg-card:#fff;--bg-card-hover:#f1f5f9;--text-primary:#0f172a;--text-secondary:#64748b;--accent-blue:#3b82f6;--accent-emerald:#10b981;--accent-red:#ef4444;--accent-purple:#8b5cf6;--accent-amber:#d97706;--accent-cyan:#0891b2;--border-color:#0000001a}body{background-color:var(--bg-dark);color:var(--text-primary);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s,color .3s}*{box-sizing:border-box}.layout{height:100vh;display:flex}.sidebar{background-color:var(--bg-card);border-right:1px solid var(--border-color);flex-direction:column;width:250px;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.sidebar.collapsed{width:65px}.logo-text,.nav-text{opacity:1;white-space:nowrap;max-width:200px;transition:opacity .15s,max-width .25s,margin-left .25s;display:inline-block;overflow:hidden}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-text{opacity:0;max-width:0;margin-left:0}.sidebar-header{border-bottom:1px solid var(--border-color);align-items:center;gap:15px;padding:20px 22px;font-size:1.25rem;font-weight:700;display:flex}.nav-links{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;flex:1;padding:10px 0;display:flex;overflow-y:auto}.nav-links::-webkit-scrollbar{width:4px}.nav-links::-webkit-scrollbar-track{background:0 0}.nav-links::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:4px}.nav-links::-webkit-scrollbar-thumb:hover{background-color:#fff3}.view-mode-toggle{border:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#3b82f60f 0%,#10b9810a 100%);border-radius:12px;flex-shrink:0;align-items:center;gap:10px;margin:8px 14px 12px;padding:8px 14px;transition:all .25s;display:flex}.view-mode-toggle:hover{border-color:var(--accent-blue);background:linear-gradient(135deg,#3b82f61f 0%,#10b98114 100%)}.view-mode-toggle-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .25s;display:flex}.view-mode-toggle-icon.simple{color:var(--accent-emerald);background-color:#10b98126}.view-mode-toggle-icon.full{color:var(--accent-blue);background-color:#3b82f626}.view-mode-toggle-label{flex-direction:column;gap:1px;min-width:0;display:flex}.view-mode-toggle-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:700;overflow:hidden}.view-mode-toggle-subtitle{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.nav-link{color:var(--text-secondary);align-items:center;gap:15px;padding:12px 22px;font-weight:500;text-decoration:none;transition:all .2s,padding .25s;display:flex}.nav-link:hover,.nav-link.active{background-color:var(--bg-card-hover);color:var(--text-primary)}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.header{border-bottom:1px solid var(--border-color);background-color:var(--bg-card);justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.header-mobile-brand{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:1.05rem;font-weight:700;display:none;overflow:hidden}.header-status-desktop{align-items:center;gap:12px;display:flex}.header-actions-right{align-items:center;gap:8px;display:flex}.mobile-header-subbar,.sidebar-mobile-status-section{display:none}.header-popover-dropdown{background-color:var(--bg-card);border:1px solid var(--border-color);z-index:9999;border-radius:14px;width:380px;max-width:90vw;position:absolute;top:42px;right:0;overflow:hidden;box-shadow:0 20px 40px -5px #00000073}.header-popover-backdrop{z-index:9998;position:fixed;inset:0}.responsive-tabs-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:25px;display:grid}.responsive-tabs-scroll{white-space:nowrap;-webkit-overflow-scrolling:touch;gap:8px;margin-bottom:25px;padding-bottom:6px;display:flex;overflow-x:auto}.responsive-tabs-scroll>button,.responsive-tabs-scroll>a{flex-shrink:0}.form-row-responsive{flex-wrap:wrap;gap:12px;display:flex}.form-row-responsive>*{flex:1;min-width:200px}.content-area{flex:1;padding:30px;overflow-y:auto}.page-title{color:var(--text-primary);margin-bottom:5px;font-size:1.8rem;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-bottom:25px}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;box-shadow:0 4px 6px -1px #0000001a}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:25px;display:grid}.kpi-card{flex-direction:column;gap:10px;display:flex}.kpi-title{text-transform:uppercase;color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600;display:flex}.kpi-value{font-size:1.8rem;font-weight:700}.kpi-subtitle{color:var(--text-secondary);font-size:.75rem}.btn{background-color:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:opacity .2s;display:inline-flex}.btn:hover{opacity:.9}.btn-icon{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;transition:background .2s,color .2s}.btn-icon:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:12px 15px}.data-table th{color:var(--text-secondary);text-transform:uppercase;font-size:.85rem;font-weight:600}.data-table tr:hover{background-color:var(--bg-card-hover)}input,select{background-color:var(--bg-dark);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;outline:none;padding:8px 12px}.inventory-mobile-controls{display:none}.inventory-desktop-controls,.inventory-desktop-header{display:flex}@media (width<=768px){.layout{flex-direction:column;height:auto;min-height:100vh;position:relative}.sidebar{z-index:1000;width:250px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(0);box-shadow:5px 0 15px #00000026}.sidebar.collapsed{width:250px;transform:translate(-100%)}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-text{opacity:1!important;max-width:200px!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background-color:#0006;display:block;position:fixed;inset:0}.main-content{width:100%;height:auto;min-height:100vh;margin-left:0}.header{z-index:100;background-color:var(--bg-card);width:100%;height:56px;padding:0 12px;position:sticky;top:0}.header-mobile-brand{display:inline-block}.header-status-desktop{display:none}.mobile-header-subbar{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);white-space:nowrap;-webkit-overflow-scrolling:touch;z-index:99;align-items:center;gap:8px;padding:8px 12px;display:flex;position:sticky;top:56px;overflow-x:auto}.mobile-header-subbar::-webkit-scrollbar{display:none}.sidebar-mobile-status-section{border-top:1px solid var(--border-color);background-color:#00000026;flex-direction:column;gap:8px;margin-top:auto;padding:15px 18px;display:flex}.sidebar-mobile-status-title{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;margin-bottom:4px;font-size:.72rem;font-weight:700}.header-popover-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0f172a99}.header-popover-dropdown{z-index:9999!important;width:auto!important;max-width:none!important;max-height:80vh!important;position:fixed!important;top:60px!important;left:12px!important;right:12px!important;box-shadow:0 20px 40px #0009!important}.content-area{padding:15px}.page-title{margin-bottom:5px!important;font-size:1.4rem!important}.page-subtitle{margin-bottom:20px!important;font-size:.85rem!important}.inventory-desktop-controls,.inventory-desktop-header{display:none!important}.inventory-mobile-controls{flex-direction:column!important;gap:8px!important;margin-bottom:12px!important;display:flex!important}.inventory-mobile-header{justify-content:space-between!important;align-items:center!important;gap:8px!important;display:flex!important}.inventory-mobile-title{color:var(--text-primary)!important;align-items:center!important;gap:6px!important;margin:0!important;font-size:1.15rem!important;font-weight:800!important;display:flex!important}.inventory-mobile-badge{color:var(--accent-blue)!important;background:#3b82f626!important;border-radius:12px!important;padding:2px 7px!important;font-size:.72rem!important;font-weight:700!important}.inventory-mobile-header-actions{align-items:center!important;gap:6px!important;display:flex!important}.btn-mobile-tool{border:1px solid var(--border-color)!important;background:var(--bg-card)!important;height:32px!important;color:var(--text-primary)!important;cursor:pointer!important;box-sizing:border-box!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:5px!important;padding:0 9px!important;font-size:.78rem!important;font-weight:600!important;display:inline-flex!important}.btn-mobile-tool.reading-btn{color:#10b981!important;background:#10b9811f!important;border-color:#10b981!important;font-weight:700!important}.btn-mobile-primary{background:var(--accent-blue)!important;color:#fff!important;cursor:pointer!important;box-sizing:border-box!important;border:none!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:4px!important;height:32px!important;padding:0 10px!important;font-size:.78rem!important;font-weight:700!important;display:inline-flex!important}.inventory-mobile-search-row{width:100%!important;position:relative!important}.inventory-mobile-search-row input{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;width:100%!important;height:36px!important;min-height:36px!important;color:var(--text-primary)!important;box-sizing:border-box!important;border-radius:8px!important;padding:0 32px 0 34px!important;font-size:.86rem!important}.inventory-mobile-search-row .search-icon{color:var(--text-secondary)!important;pointer-events:none!important;position:absolute!important;top:50%!important;left:10px!important;transform:translateY(-50%)!important}.inventory-mobile-search-row .clear-btn{color:var(--text-secondary)!important;cursor:pointer!important;background:0 0!important;border:none!important;justify-content:center!important;align-items:center!important;padding:4px!important;display:flex!important;position:absolute!important;top:50%!important;right:8px!important;transform:translateY(-50%)!important}.inventory-mobile-filters-row{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}.inventory-mobile-filters-row select{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;width:100%!important;height:34px!important;min-height:34px!important;color:var(--text-primary)!important;box-sizing:border-box!important;text-overflow:ellipsis!important;white-space:nowrap!important;border-radius:8px!important;padding:0 6px!important;font-size:.78rem!important;font-weight:600!important;overflow:hidden!important}.inventory-mobile-subrow{justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;display:flex!important}.inventory-view-toggle-pills{border:1px solid var(--border-color)!important;background:var(--bg-card)!important;box-sizing:border-box!important;border-radius:8px!important;height:32px!important;display:inline-flex!important;overflow:hidden!important}.inventory-view-toggle-pills button{cursor:pointer!important;height:100%!important;color:var(--text-secondary)!important;box-shadow:none!important;background:0 0!important;border:none!important;align-items:center!important;gap:4px!important;padding:0 10px!important;font-size:.76rem!important;font-weight:600!important;display:inline-flex!important}.inventory-view-toggle-pills button.active{background:var(--accent-blue)!important;color:#fff!important}.btn-mobile-more-filters{border:1px solid var(--border-color)!important;background:var(--bg-card)!important;height:32px!important;color:var(--text-primary)!important;cursor:pointer!important;box-sizing:border-box!important;border-radius:8px!important;align-items:center!important;gap:5px!important;padding:0 10px!important;font-size:.76rem!important;font-weight:600!important;display:inline-flex!important}.btn-mobile-more-filters.has-active{border-color:var(--accent-blue)!important;color:var(--accent-blue)!important;background:#3b82f61f!important}.mobile-active-filter-badge{background:var(--accent-blue)!important;color:#fff!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:16px!important;height:16px!important;font-size:.68rem!important;font-weight:800!important;display:inline-flex!important}.btn-mobile-save-banner{color:#fff!important;cursor:pointer!important;background:#10b981!important;border:none!important;border-radius:8px!important;align-items:center!important;gap:4px!important;height:32px!important;padding:0 12px!important;font-size:.78rem!important;font-weight:700!important;display:inline-flex!important}.inventory-actions-sheet-overlay{animation:.2s ease-out helpFadeIn;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:9999!important;background-color:#0f172ab3!important;justify-content:center!important;align-items:flex-end!important;display:flex!important;position:fixed!important;inset:0!important}.inventory-actions-sheet{background-color:var(--bg-card)!important;border-top:1px solid var(--border-color)!important;border-radius:20px 20px 0 0!important;flex-direction:column!important;gap:16px!important;width:100%!important;max-width:480px!important;max-height:85vh!important;padding:16px 16px 24px!important;display:flex!important;overflow-y:auto!important;box-shadow:0 -8px 30px #00000059!important}.sheet-drag-handle{background:var(--border-color)!important;border-radius:4px!important;width:40px!important;height:4px!important;margin:0 auto -4px!important}.sheet-header{border-bottom:1px solid var(--border-color)!important;justify-content:space-between!important;align-items:center!important;padding-bottom:8px!important;display:flex!important}.sheet-title{color:var(--text-primary)!important;margin:0!important;font-size:1rem!important;font-weight:800!important}.sheet-section{flex-direction:column!important;gap:8px!important;display:flex!important}.sheet-section-title{text-transform:uppercase!important;letter-spacing:.5px!important;color:var(--text-secondary)!important;font-size:.75rem!important;font-weight:700!important}.sheet-grid-2{grid-template-columns:1fr 1fr!important;gap:8px!important;display:grid!important}.data-table-wrapper{width:100%!important;overflow-x:visible!important}.data-table{border:none!important;width:100%!important;display:block!important}.data-table thead{display:none!important}.data-table tbody{width:100%!important;display:block!important}.data-table tr.product-row-card.compact-tr{border:1px solid var(--border-color)!important;background-color:var(--bg-card)!important;border-radius:12px!important;grid-template-columns:repeat(6,1fr)!important;align-items:center!important;gap:8px!important;margin-bottom:12px!important;padding:12px!important;display:grid!important;position:relative!important;overflow:hidden!important;box-shadow:0 2px 8px #0000000a!important}.data-table tr.compact-tr td{border:none!important;padding:0!important;position:static!important}.data-table tr.compact-tr td:before{display:none!important}.data-table tr.compact-tr td input[type=number],.data-table tr.compact-tr td input[type=text]{text-align:center!important;background-color:var(--bg-dark)!important;border:1px solid var(--border-color)!important;box-sizing:border-box!important;border-radius:6px!important;width:100%!important;max-width:100%!important;height:32px!important;min-height:32px!important;padding:2px 4px!important;font-size:.84rem!important;font-weight:600!important}.data-table tr.compact-tr td.cell-thumb{grid-column:1/2!important;justify-content:center!important;align-items:center!important;display:flex!important}.data-table tr.compact-tr td.cell-thumb img{object-fit:contain!important;border:1px solid var(--border-color)!important;background:#fff!important;border-radius:8px!important;width:44px!important;height:44px!important}.data-table tr.compact-tr td.cell-detail{flex-direction:column!important;grid-column:2/6!important;justify-content:center!important;padding-left:2px!important;display:flex!important}.data-table tr.compact-tr td.cell-select{grid-column:6/7!important;justify-content:flex-end!important;align-items:center!important;display:flex!important}.data-table tr.compact-tr td.cell-select input[type=checkbox]{cursor:pointer!important;width:20px!important;height:20px!important}.data-table tr.compact-tr td.cell-status-ml{grid-column:1/4!important;justify-content:flex-start!important;align-items:center!important;padding-bottom:2px!important;display:flex!important}.data-table tr.compact-tr td.cell-quality{grid-column:4/7!important;justify-content:flex-end!important;align-items:center!important;gap:6px!important;padding-bottom:2px!important;display:flex!important}.data-table tr.compact-tr td.cell-quality:before{content:"CALIDAD:"!important;color:var(--text-secondary)!important;margin-bottom:0!important;font-size:.65rem!important;font-weight:700!important;display:inline-block!important}.data-table tr.compact-tr td.cell-price-cash{grid-column:1/-1!important;width:100%!important;margin:2px 0 4px!important;display:block!important}.data-table tr.compact-tr td.cell-price-cash .cash-pricing-box{background:linear-gradient(135deg,#10b9811f 0%,#10b9810d 100%)!important;border:1.5px solid #10b98159!important;border-radius:8px!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:6px 10px!important;display:flex!important}.data-table tr.compact-tr td.cell-price-cash .cash-pricing-box:before{content:"💵 EFECTIVO"!important;letter-spacing:.3px!important;color:#059669!important;font-size:.7rem!important;font-weight:800!important;display:block!important}.data-table tr.compact-tr td.cell-price-cash .cash-price-val{color:#10b981!important;letter-spacing:-.3px!important;font-size:1.1rem!important;font-weight:800!important}.data-table tr.compact-tr td.cell-price-cash .cash-discount-row{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:6px!important;align-items:center!important;gap:3px!important;padding:2px 5px!important;display:flex!important}.data-table tr.compact-tr td.cell-price-cash .cash-discount-row input{text-align:center!important;width:38px!important;height:24px!important;min-height:24px!important;padding:0 2px!important;font-size:.8rem!important;font-weight:700!important}.data-table tr.compact-tr td.cell-stock{flex-direction:column!important;grid-column:1/3!important;gap:2px!important;display:flex!important}.data-table tr.compact-tr td.cell-price-web{flex-direction:column!important;grid-column:3/5!important;gap:2px!important;display:flex!important}.data-table tr.compact-tr td.cell-price-ml{flex-direction:column!important;grid-column:5/7!important;gap:2px!important;display:flex!important}.data-table tr.compact-tr td.cell-stock:before{content:"STOCK"!important;color:var(--text-secondary)!important;text-align:center!important;font-size:.65rem!important;font-weight:700!important;display:block!important}.data-table tr.compact-tr td.cell-price-web:before{content:"P. WEB"!important;color:var(--text-secondary)!important;text-align:center!important;font-size:.65rem!important;font-weight:700!important;display:block!important}.data-table tr.compact-tr td.cell-price-ml:before{content:"P. ML"!important;color:var(--text-secondary)!important;text-align:center!important;font-size:.65rem!important;font-weight:700!important;display:block!important}.data-table tr.compact-tr td.cell-stock div,.data-table tr.compact-tr td.cell-price-web div,.data-table tr.compact-tr td.cell-price-ml div,.data-table tr.compact-tr td.cell-cost-base div,.data-table tr.compact-tr td.cell-cost-ml div{text-align:center!important;margin-top:1px!important;font-size:.62rem!important}.data-table tr.compact-tr td.cell-cost-base{flex-direction:column!important;grid-column:1/4!important;gap:2px!important;display:flex!important}.data-table tr.compact-tr td.cell-cost-ml{flex-direction:column!important;grid-column:4/7!important;gap:2px!important;display:flex!important}.data-table tr.compact-tr td.cell-cost-base:before{content:"COSTO BASE"!important;color:var(--text-secondary)!important;text-align:center!important;font-size:.65rem!important;font-weight:700!important;display:block!important}.data-table tr.compact-tr td.cell-cost-ml:before{content:"COSTO ML"!important;color:var(--text-secondary)!important;text-align:center!important;font-size:.65rem!important;font-weight:700!important;display:block!important}.data-table tr.compact-tr td.cell-status-web{grid-column:1/3!important;justify-content:flex-start!important;align-items:center!important;padding-top:2px!important;display:flex!important}.data-table tr.compact-tr td.cell-status-web>div{flex-direction:row!important;align-items:center!important;gap:6px!important}.data-table tr.compact-tr td.cell-actions{grid-column:3/7!important;justify-content:flex-end!important;align-items:center!important;padding-top:2px!important;display:flex!important}.data-table tr.compact-tr td.cell-actions>div{justify-content:flex-end!important;align-items:center!important;gap:6px!important;width:100%!important;display:flex!important}.data-table tr.compact-tr td.cell-actions button{border-radius:6px!important;height:32px!important;min-height:32px!important;padding:4px 8px!important}.data-table tr.compact-tr td.cell-actions button:first-child{background-color:var(--accent-blue)!important;color:#fff!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:5px!important;display:flex!important}.data-table tr.compact-tr td.cell-actions button:first-child:after{content:"Guardar"!important;font-size:.76rem!important;font-weight:600!important}.data-table tr.compact-tr td.cell-actions button:first-child svg{color:#fff!important}.data-table tr.product-row-card:not(.compact-tr){border:1px solid var(--border-color);background-color:var(--bg-card);border-radius:12px;margin-bottom:20px;padding:15px;box-shadow:0 2px 8px #0000000d}.data-table tr.product-row-card:not(.compact-tr) td{border-bottom:1px solid var(--border-color);padding:10px 0;position:relative;text-align:left!important}.data-table tr.product-row-card:not(.compact-tr) td:before{content:attr(data-label);text-transform:uppercase;color:var(--text-secondary);margin-bottom:6px;font-size:.75rem;font-weight:700;display:block}.data-table tr.web-details-row{border:1px solid var(--border-color);background-color:var(--bg-dark);border-top:none;border-radius:0 0 14px 14px;width:100%;margin-top:-10px;margin-bottom:16px;padding:14px;display:block}.data-table tr.web-details-row td{border:none;width:100%;padding:0;display:block}.data-table tr.web-details-row td:before{display:none}.card[style*="width: 500"]{border-radius:12px;margin:10px;width:100%!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1.5s linear infinite spin}@keyframes helpFadeIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width>=769px){.table-container,.data-table-wrapper{max-width:100%;position:relative;overflow-x:auto}.sticky-col-left-1{z-index:5;position:sticky;left:0;box-shadow:3px 0 6px -2px #00000026;background-color:var(--bg-card)!important}.sticky-col-left-2{z-index:5;position:sticky;left:60px;box-shadow:3px 0 6px -2px #00000026;background-color:var(--bg-card)!important}tr:hover .sticky-col-left-1,tr:hover .sticky-col-left-2{background-color:var(--bg-card-hover)!important}}.responsive-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}@media (width<=768px){button,input,select,textarea{min-height:42px}.responsive-kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.header-popover-dropdown{border-radius:20px 20px 0 0!important;width:100vw!important;max-width:100vw!important;animation:.25s cubic-bezier(.16,1,.3,1) helpFadeIn!important;position:fixed!important;inset:auto 0 0!important;box-shadow:0 -10px 30px #00000080!important}}.full-screen-tpv-overlay{z-index:99999;background-color:var(--bg-dark);flex-direction:column;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.margin-tooltip-box{color:#f8fafc;border:1px solid var(--border-color);z-index:100;white-space:nowrap;pointer-events:none;background-color:#0f172a;border-radius:8px;margin-bottom:8px;padding:10px 14px;font-size:.75rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #00000080}.reading-mode-table{border-collapse:separate;border-spacing:0;width:100%}.reading-mode-table thead th{background-color:var(--bg-card);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;border-bottom:2px solid var(--border-color);z-index:10;padding:12px 14px;font-size:.76rem;font-weight:800;position:sticky;top:0}.reading-row{transition:background-color .15s}.reading-row:hover{background-color:var(--bg-card-hover)!important}.reading-stock-badge{letter-spacing:.2px;white-space:nowrap;border-radius:9999px;align-items:center;gap:7px;padding:6px 14px;font-size:.92rem;font-weight:700;display:inline-flex}.reading-stock-badge.stock-high{color:#10b981;background:#10b98124;border:1.5px solid #10b98161}.reading-stock-badge.stock-low{color:#d97706;background:#f59e0b29;border:1.5px solid #f59e0b73;animation:2s ease-in-out infinite pulse-subtle-badge}.reading-stock-badge.stock-none{color:#ef4444;background:#ef44441f;border:1.5px solid #ef444452}@keyframes pulse-subtle-badge{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.reading-price-cash-card{cursor:pointer;background:linear-gradient(135deg,#10b98126 0%,#10b9810d 100%);border:1.5px solid #10b98159;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-width:135px;padding:7px 14px;transition:transform .12s,border-color .12s;display:inline-flex}.reading-price-cash-card:hover{border-color:#10b98199;transform:translateY(-1px)}.reading-price-cash-val{color:#10b981;letter-spacing:-.5px;font-size:1.35rem;font-weight:800;line-height:1.1}.reading-price-cash-tag{color:#fff;letter-spacing:.3px;background-color:#10b981;border-radius:4px;margin-top:3px;padding:1px 6px;font-size:.68rem;font-weight:800}.reading-price-list-val{color:var(--text-primary);letter-spacing:-.3px;font-size:1.12rem;font-weight:700}.reading-price-list-label{color:var(--text-secondary);margin-top:2px;font-size:.72rem;font-weight:500}@media (width<=768px){.reading-mode-table thead{display:none}.reading-row{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;grid-template-columns:58px minmax(0,1fr) minmax(0,38%);align-items:start;gap:0 10px;margin-bottom:12px;padding:12px;display:grid}.reading-row>td{min-width:0;text-align:left!important;border:none!important;padding:0!important}.reading-cell-photo{grid-area:1/1}.reading-cell-product{grid-area:1/2/auto/4;margin-bottom:10px}.reading-cell-cash{grid-area:2/1/span 4/3;align-self:stretch}.reading-cell-cash>div,.reading-cell-cash .reading-price-cash-card{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.reading-cell-stock{grid-area:2/3;margin-bottom:6px}.reading-cell-list{grid-area:3/3;margin-bottom:6px}.reading-cell-meli{grid-area:4/3;margin-bottom:6px}.reading-cell-status{grid-area:5/3}.reading-cell-stock>*,.reading-cell-list>*,.reading-cell-meli>*,.reading-cell-status>*{text-align:left!important;justify-content:flex-start!important}.reading-cell-list .reading-price-list-val{font-size:1rem}div:has(>table.mobile-cards){overflow:visible!important}table.mobile-cards{border-collapse:collapse!important;border:none!important;width:100%!important;font-size:.85rem!important;display:block!important}table.mobile-cards>thead{display:none!important}table.mobile-cards>tbody,table.mobile-cards>tfoot{width:100%!important;display:block!important}table.mobile-cards>tbody>tr,table.mobile-cards>tfoot>tr{background-color:var(--bg-card);box-shadow:0 2px 8px #0000000f;border:1px solid var(--border-color)!important;border-radius:12px!important;width:100%!important;margin:0 0 12px!important;padding:12px 14px!important;display:block!important}table.mobile-cards>tbody>tr:last-child,table.mobile-cards>tfoot>tr:last-child{margin-bottom:0!important}table.mobile-cards>tbody>tr>td,table.mobile-cards>tfoot>tr>td{overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:5px 10px;text-align:left!important;white-space:normal!important;text-overflow:clip!important;border:none!important;width:100%!important;max-width:100%!important;padding:7px 0!important;display:flex!important;overflow:visible!important}table.mobile-cards>tbody>tr>td>span,table.mobile-cards>tbody>tr>td>a,table.mobile-cards>tbody>tr>td>small,table.mobile-cards>tbody>tr>td>strong,table.mobile-cards>tbody>tr>td>b,table.mobile-cards>tbody>tr>td>em,table.mobile-cards>tbody>tr>td>code,table.mobile-cards>tbody>tr>td>button,table.mobile-cards>tbody>tr>td>input,table.mobile-cards>tbody>tr>td>select,table.mobile-cards>tbody>tr>td>svg{flex:0 auto;min-width:0}table.mobile-cards>tbody>tr>td>div,table.mobile-cards>tbody>tr>td>ul,table.mobile-cards>tbody>tr>td>ol,table.mobile-cards>tbody>tr>td>p,table.mobile-cards>tbody>tr>td>table,table.mobile-cards>tbody>tr>td>form,table.mobile-cards>tbody>tr>td>textarea,table.mobile-cards>tbody>tr>td>img{flex:1 0 100%;min-width:0;max-width:100%}table.mobile-cards>tbody>tr>td:first-child,table.mobile-cards>tfoot>tr>td:first-child{padding-top:0!important}:is(table.mobile-cards>tbody>tr>td:has(~td:not(:empty)),table.mobile-cards>tfoot>tr>td:has(~td:not(:empty))){border-bottom:1px solid var(--border-color)!important}table.mobile-cards>tbody>tr>td:last-child,table.mobile-cards>tfoot>tr>td:last-child{padding-bottom:0!important}table.mobile-cards>tbody>tr>td[data-label]:before,table.mobile-cards>tfoot>tr>td[data-label]:before{content:attr(data-label);letter-spacing:.4px;text-transform:uppercase;width:34%;max-width:125px;color:var(--text-secondary);flex:none;font-size:.66rem;font-weight:700;line-height:1.2}table.mobile-cards>tbody>tr>td[data-label=""]:before,table.mobile-cards>tfoot>tr>td[data-label=""]:before{display:none}table.mobile-cards>tbody>tr>td:empty{display:none!important}table.mobile-cards>tbody>tr>td[colspan],table.mobile-cards>tfoot>tr>td[colspan]{text-align:inherit!important}table.mobile-cards>tbody>tr>td img,table.mobile-cards>tbody>tr>td canvas,table.mobile-cards>tbody>tr>td svg:not(.lucide){max-width:100%;height:auto}table.mobile-cards>tbody>tr>td pre,table.mobile-cards>tbody>tr>td code{word-break:break-all;white-space:pre-wrap!important}table.mobile-cards>tbody>tr>td>div[style*=center]{text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important}table.mobile-cards>tbody>tr>td button,table.mobile-cards>tbody>tr>td a.btn,table.mobile-cards>tbody>tr>td .btn{justify-content:center!important;align-items:center!important;min-height:42px!important;font-size:.8rem!important;display:inline-flex!important}table.mobile-cards>tbody>tr>td input[type=checkbox],table.mobile-cards>tbody>tr>td input[type=radio]{width:20px;height:20px;min-height:0!important}table.mobile-cards>tbody>tr>td input[type=text],table.mobile-cards>tbody>tr>td input[type=number],table.mobile-cards>tbody>tr>td input[type=date],table.mobile-cards>tbody>tr>td select,table.mobile-cards>tbody>tr>td textarea{width:100%!important;max-width:100%!important}table.mobile-cards>tbody>tr>td>table.mobile-cards>tbody>tr{background-color:var(--bg-dark);padding:10px 12px!important}}.dashboard-widgets-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;margin-top:18px;display:grid}@media (width<=900px){.dashboard-widgets-grid{grid-template-columns:1fr;gap:14px;margin-top:14px}}.dashboard-collapsible-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;transition:border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 8px #0000000a}.dashboard-collapsible-header{background-color:var(--bg-card);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;transition:background-color .15s;display:flex}.dashboard-collapsible-header:hover{background-color:var(--bg-card-hover,#ffffff08)}.dashboard-collapsible-header.is-open{border-bottom-color:var(--border-color)}.dashboard-collapsible-body{padding:14px}@media (width<=768px){.dashboard-collapsible-body{padding:10px 8px}}.dashboard-compact-item{background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;margin-bottom:6px;padding:8px 10px;transition:background-color .15s,border-color .15s;display:flex}.dashboard-compact-item:last-child{margin-bottom:0}.dashboard-compact-item:hover{border-color:var(--accent-blue)}.dashboard-product-row{border:1px solid var(--border-color);background-color:var(--bg-dark);border-radius:8px;margin-bottom:6px;transition:border-color .15s,box-shadow .15s;overflow:hidden}.dashboard-product-row:last-child{margin-bottom:0}.dashboard-product-row.is-expanded{border-color:var(--accent-blue);background-color:var(--bg-card)}.dashboard-product-summary{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;display:flex}.dashboard-product-summary:hover{background-color:var(--bg-card-hover,#ffffff05)}.dashboard-product-details{background-color:var(--bg-dark);border-top:1px solid var(--border-color);padding:10px 12px;font-size:.8rem;animation:.2s fadeIn}.dashboard-pill{border-radius:6px!important;justify-content:center!important;align-items:center!important;min-height:28px!important;padding:3px 8px!important;font-size:.74rem!important;display:inline-flex!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.sale-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background-color:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sale-modal-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;flex-direction:column;width:740px;max-width:100%;max-height:90vh;padding:22px 24px;display:flex;overflow:hidden;box-shadow:0 20px 40px -10px #00000080}.sale-fields-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.sale-buyer-row{gap:12px;display:flex}.sale-item-card{background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;gap:10px;margin-bottom:12px;padding:12px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.sale-item-card:hover{border-color:#ffffff26}.sale-item-selected-preview{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.sale-item-inputs-grid{grid-template-columns:90px 140px 1fr auto;align-items:flex-end;gap:10px;display:grid}.sale-dropdown-menu{background-color:var(--bg-card);border:1px solid var(--border-color);z-index:1000;border-radius:10px;max-height:280px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #0006}.stock-badge-pill{border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:.72rem;font-weight:600;display:inline-flex}.stock-badge-pill.in-stock{color:#10b981;background-color:#10b98126}.stock-badge-pill.low-stock{color:#f59e0b;background-color:#f59e0b26}.stock-badge-pill.out-of-stock{color:#ef4444;background-color:#ef444426}.mobile-product-search-overlay{z-index:10000;background-color:var(--bg-dark);flex-direction:column;animation:.18s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;inset:0}.mobile-product-search-header{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);flex-direction:column;gap:10px;padding:12px 14px;display:flex}.mobile-product-search-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:8px;padding:10px 12px;display:flex;overflow-y:auto}.mobile-product-search-item{background-color:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 12px;transition:background-color .15s,border-color .15s;display:flex}.mobile-product-search-item:active{background-color:var(--bg-card-hover,#ffffff14);border-color:var(--accent-blue)}@media (width<=768px){.sale-modal-overlay{align-items:flex-end;padding:6px}.sale-modal-card{border-radius:16px 16px 8px 8px;width:100%;max-height:95vh;padding:14px 12px}.sale-fields-grid{grid-template-columns:repeat(2,1fr);gap:8px}.sale-buyer-row{flex-direction:column;gap:8px}.sale-item-inputs-grid{grid-template-columns:1fr 1fr;gap:8px}.sale-item-subtotal-cell{background:#00000026;border-radius:6px;grid-column:span 2;justify-content:space-between;align-items:center;margin-top:2px;padding:6px 10px;display:flex}.responsive-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.responsive-kpi-grid .kpi-card{border-radius:10px;gap:2px;min-width:0;border-left-width:3px!important;padding:9px 10px!important}.responsive-kpi-grid .kpi-title{gap:4px;min-width:0;font-size:.64rem;line-height:1.2}.responsive-kpi-grid .kpi-title .kpi-title-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.responsive-kpi-grid .kpi-title svg{flex-shrink:0}.responsive-kpi-grid .kpi-value{white-space:nowrap;text-overflow:ellipsis;line-height:1.25;overflow:hidden;font-size:1.15rem!important}.responsive-kpi-grid .kpi-subtitle{white-space:nowrap;text-overflow:ellipsis;font-size:.6rem;line-height:1.2;overflow:hidden}.dashboard-widgets-grid{gap:10px;margin-top:10px}.dashboard-collapsible-card{border-radius:10px}.dashboard-collapsible-header{gap:8px;padding:10px 12px}.dashboard-collapsible-title-group{flex-wrap:wrap;row-gap:2px}.dashboard-collapsible-title-group h3{line-height:1.25;white-space:normal!important;font-size:.86rem!important;overflow:visible!important}.dashboard-collapsible-body{padding:10px 8px}.dashboard-compact-item{margin-bottom:5px;padding:7px 9px}.dashboard-product-summary{padding:8px 9px}.dashboard-product-details{padding:9px 10px}}