html{font-size:16px}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#3498db;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.layout{display:flex;min-height:100vh}.navbar{background-color:#2c3e50;color:#fff;padding:1rem 2rem;display:flex;flex-direction:column;box-shadow:0 2px 4px #0000001a;gap:2rem;width:300px;min-width:300px;position:sticky;top:0;height:100vh;overflow-y:auto}.topbar,.overlay{display:none}.nav-brand{display:flex;gap:12px}.nav-brand h1{margin:0;font-size:1.5rem;font-weight:600}.divisor{border-top:none;border-color:#68686862}.nav-menu{display:flex;flex-direction:column;gap:3rem}.nav-submenu{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;gap:2rem}.nav-item{margin:0;border-radius:4px}.nav-item a{text-decoration:none}.item-icon{margin-bottom:-6px}.item-label{margin-left:4px;cursor:default;user-select:none;-webkit-user-select:none}.item-unico{cursor:pointer}.item-caret{float:right;margin-top:2px}.collapsible{background-color:#2c3e50;color:#fff;width:100%;border:none;text-align:left;outline:none;font-size:15px}.collapsible-content{background-color:#263442;display:flex;flex-direction:column}.subitem{color:#cfcfcf;text-decoration:none;padding:.5rem 2rem;border-radius:4px;transition:background-color .3s ease;font-weight:500;width:100%}.subitem:hover{background-color:#34495e}.nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s ease;font-weight:500}.selected{background-color:#3fb968}.nav-link:hover:not(.selected){background-color:#34495e;text-decoration:none}.selected .nav-link:hover{background-color:#3fb968}.nav-link.active{background-color:#3498db}.main-content{flex:1;padding:2rem;background-color:#f8f9fa;min-width:0}@media (max-width: 1024px){.topbar{display:flex;align-items:center;justify-content:space-between;background:#2c3e50;color:#fff;padding:.75rem 1rem;position:sticky;top:0;z-index:1001}.topbar-brand{font-weight:600}.menu-btn{border:none;background:transparent;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer}.navbar{position:fixed;left:0;top:0;height:100vh;transform:translate(-100%);transition:transform .25s ease;width:280px;z-index:1002;padding:1rem 1.25rem}.navbar.open{transform:translate(0)}.overlay.show{display:block;position:fixed;inset:0;background:#0006;z-index:1000}.desktop-only{display:none}.layout{flex-direction:column}.main-content{padding:1.25rem}.nav-brand h1{font-size:1.3rem}.nav-menu{gap:1.5rem}}@media (max-width: 768px){.nav-link{padding:.5rem .9rem;font-size:.95rem}.subitem{padding:.5rem 1.2rem}.main-content{padding:1rem}}@media (max-width: 480px){.navbar{width:85vw}.nav-link{padding:.45rem .8rem;font-size:.9rem}.main-content{padding:.9rem}}.home-container{padding:1.5rem;font-family:Segoe UI,Roboto,sans-serif;color:#333}.home-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.home-header h1{font-size:1.6rem;font-weight:600;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 6px #00000014;display:flex;align-items:center;gap:1rem;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.stat-icon{display:flex;align-items:center;justify-content:center;color:#43a169;flex-shrink:0}.stat-content h3{font-size:2rem;font-weight:700;margin:0;color:#43a169}.stat-content p{font-size:.9rem;color:#666;margin:.25rem 0 0}.quick-actions-section{margin-top:2rem}.quick-actions-section h2{font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;color:#333}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.quick-action-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 6px #00000014;text-decoration:none;color:#333;display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:all .2s ease;border:2px solid transparent}.quick-action-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001f;border-color:#43a169;color:#43a169}.quick-action-card:hover .quick-action-icon{color:#43a169}.quick-action-icon{display:flex;align-items:center;justify-content:center;color:inherit;transition:color .2s ease}.quick-action-label{font-size:.95rem;font-weight:500;text-align:center}@media (max-width: 768px){.home-header{flex-direction:column;align-items:flex-start;gap:.75rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.quick-actions-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.stat-card,.quick-action-card{padding:1.25rem}}@media (max-width: 480px){.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.stat-icon svg{width:32px;height:32px}.quick-action-icon svg{width:28px;height:28px}.stat-content h3{font-size:1.75rem}}.producto-drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:flex-end;z-index:1000}.producto-drawer{background:#fff;width:600px;max-width:95%;height:100%;padding:2rem;overflow-y:auto;box-shadow:-2px 0 8px #00000026;animation:slideIn .3s ease-out;display:flex;flex-direction:column;border-radius:8px 0 0 8px}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.drawer-header h2{margin:0;font-size:1.4rem;font-weight:600;color:#2c3e50}.close-btn{background:transparent;border:none;font-size:1.8rem;cursor:pointer;line-height:1;color:#6c757d}.close-btn:hover{color:#369058}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{font-weight:500;margin-bottom:.4rem;color:#333}.form-group input,.form-group select,.form-group textarea{padding:.6rem;border:1px solid #ccc;border-radius:5px;font-size:.95rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#43a169;box-shadow:0 0 0 2px #43a16933}.error-message{font-size:.8rem;color:#e74c3c;margin-top:.25rem}.form-actions{display:flex;justify-content:flex-end;gap:.8rem;margin-top:auto}.btn{padding:.6rem 1.2rem;border-radius:5px;cursor:pointer;font-weight:500;transition:all .2s ease;border:none}.btn-primary{background:#43a169;color:#fff}.btn-primary:hover{background:#369058}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}@media (max-width: 480px){.producto-drawer{width:100%}.form-row{grid-template-columns:1fr}}@media (max-width: 1023px){.producto-drawer{padding-top:4rem}}.productos-container .btn-primary{background-color:#43a169;border-color:#43a169;color:#fff}.productos-container .btn-primary:hover{background-color:#369058;border-color:#369058}.productos-container{padding:1.5rem;font-family:Segoe UI,Roboto,sans-serif;color:#333}.productos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.productos-header h1{font-size:1.6rem;font-weight:600;margin:0}.header-actions-productos{display:flex;flex-direction:row;gap:10px}.btn{display:inline-block;padding:1rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;border:none;transition:all .2s ease-in-out}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5c636a}.btn-outline-secondary{background-color:transparent;border:1px solid #6c757d;color:#6c757d}.btn-outline-secondary:hover{background-color:#6c757d;color:#fff}.card{background:#fff;border-radius:8px;padding:1rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 6px #00000014}.card h4,.card h5{margin-top:0;font-weight:600;color:#222}.alert{padding:.75rem 1rem;border-radius:6px;font-size:.9rem}.alert-error{background-color:#f8d7da;color:#842029;border:1px solid #f5c2c7}.alert-info{background-color:#d1f7e2;color:#215c3a;border:1px solid #b8e7cc}.scan-info{height:300px;text-align:center;display:flex;flex-direction:column;justify-content:center}.producto-escaneado-codigo{margin-top:-12px}.producto-escaneado-no-existente-msg{color:gray;margin-top:16px}.producto-escaneado-no-existente-confirmar{display:flex;justify-content:center;gap:12px;margin-top:36px}@media (max-width: 768px){.productos-header{flex-direction:column;align-items:flex-start;gap:.75rem}.filtros-grid{grid-template-columns:1fr;gap:1rem}.filtros-actions{flex-direction:column;gap:.75rem}.btn{min-width:100%;padding:.875rem 1.5rem}.filtros-header,.filtros-content{padding:1rem}}@media (max-width: 523px){.header-actions-productos{flex-direction:column;width:100%}}@media (max-width: 480px){.filtros-title h5,.filter-icon{font-size:1rem}.filtro-label{font-size:.8rem}.filtro-input,.filtro-select{padding:.65rem .875rem;font-size:.9rem}}.tabla-scroll-x{width:100%;overflow-x:auto;overflow-y:hidden;display:block;box-sizing:border-box}.tabla-scroll-x .MuiTable-root{min-width:100%;table-layout:auto}.tabla-scroll-x .MuiTableCell-root{white-space:nowrap}.subtable-container{background-color:#0000000d;padding:8px;margin:8px 0;border-radius:4px}.subtable-container .tabla-scroll-x{background-color:transparent}.filtros-container{background:linear-gradient(135deg,#f8fffe,#f1f8f5);border:1px solid #e8f5e8;border-radius:12px;margin:1.5rem 0;box-shadow:0 4px 12px #43a16914;overflow:hidden;transition:all .3s ease}.filtros-container:hover{box-shadow:0 6px 20px #43a1691f}.filtros-header{background:linear-gradient(135deg,#43a169,#369058);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;color:#fff}.filtros-title{display:flex;align-items:center;gap:.75rem}.filter-icon{font-size:1.2rem;opacity:.9}.filtros-title h5{margin:0;font-size:1.1rem;font-weight:600;letter-spacing:.3px}.btn-toggle{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .2s ease}.btn-toggle:hover{background:#ffffff4d;transform:scale(1.05)}.filtros-content{padding:1.5rem}.filtros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-bottom:1.5rem}.filtro-group{display:flex;flex-direction:column;gap:.5rem}.filtro-label{font-size:.85rem;font-weight:600;color:#4a5568;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.filtro-input,.filtro-select{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.95rem;background:#fff;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.filtro-input:focus,.filtro-select:focus{border-color:#43a169;outline:none;box-shadow:0 0 0 3px #43a1691a;transform:translateY(-1px)}.filtro-input::placeholder{color:#a0aec0;font-style:italic}.precio-group{position:relative}.precio-input-container{position:relative;display:flex;align-items:center}.precio-symbol{position:absolute;left:1rem;color:#43a169;font-weight:600;font-size:1rem;z-index:1}.precio-input{padding-left:2.5rem!important}.filtros-actions{display:flex;justify-content:center;gap:1rem;padding-top:1rem;border-top:1px solid #e8f5e8}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;text-decoration:none;min-width:140px;justify-content:center}.btn-apply{background:linear-gradient(135deg,#43a169,#369058);color:#fff;box-shadow:0 2px 8px #43a1694d}.btn-apply:hover{background:linear-gradient(135deg,#369058,#2d7446);transform:translateY(-2px);box-shadow:0 4px 12px #43a16966}.btn-clear{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff;box-shadow:0 2px 8px #f565654d}.btn-clear:hover{background:linear-gradient(135deg,#e53e3e,#c53030);transform:translateY(-2px);box-shadow:0 4px 12px #f5656566}.btn-icon{font-size:1rem}.filtros-container.compacto .filtro-group.inline{display:flex;flex-direction:column;gap:.25rem;padding:.75rem}.compacto-content{padding:.75rem 1rem}.compacto-grid{gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.filtro-group{gap:.25rem}.filtro-label{font-size:.8rem;margin-bottom:0;letter-spacing:.3px}.filtro-input,.filtro-select{padding:.5rem .75rem;font-size:.9rem}.precio-symbol{left:.75rem}.precio-input{padding-left:2rem!important}.filtros-header{padding:.5rem .75rem}.filtros-title h5{font-size:.95rem}.btn-sm{padding:.45rem .8rem;font-size:.875rem;min-width:auto}.btn-outline{background:transparent;border:1px solid #cbd5e0;color:#2d3748;box-shadow:none}.btn-outline:hover{background:#f7fafc}.filtros-actions.sticky{position:sticky;bottom:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-top:1px solid #e8f5e8;padding-top:.5rem;padding-bottom:.25rem;margin-top:.25rem}@media (min-width: 900px){.filtros-container:not(.compacto) .filtro-group.inline{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:.5rem}.filtros-container:not(.compacto) .filtro-group.inline .filtro-label{margin:0}}.filtros-advanced-toggle{display:flex;justify-content:flex-end;margin-top:.25rem}.precio-form-container{padding:2rem;border-radius:8px;margin-bottom:2rem}.precio-form h2{color:#2c3e50;margin-top:0;margin-bottom:1.5rem;text-align:center}.precio-form form{max-width:600px;margin:0 auto}.date-display{margin-top:.5rem;padding:.5rem;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #43A169}.date-display small{color:#6c757d;font-style:italic}@media (max-width: 1024px){.precio-form form{max-width:500px}}@media (max-width: 768px){.precio-form-container{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:.8rem}.precio-form form{max-width:100%}}@media (max-width: 480px){.precio-form-container{padding:1rem}.precio-form h2{font-size:1.4rem;margin-bottom:1rem}.form-group input{padding:.6rem;font-size:.9rem}.btn{padding:.7rem 1.5rem;font-size:.9rem}}.guz-drawer-overlay{position:fixed;inset:0;background:#0006;display:flex;justify-content:flex-end;align-items:stretch}.guz-drawer{height:100%;background:#fff;box-shadow:-6px 0 24px #00000026;display:flex;flex-direction:column;border-radius:8px 0 0 8px;animation:guz-slideIn .25s ease-out}@keyframes guz-slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.guz-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #eee;border-top-left-radius:8px}.guz-drawer-title{margin:0;font-size:1.15rem;font-weight:600}.guz-drawer-close{background:transparent;border:none;font-size:1.6rem;cursor:pointer;line-height:1;color:#6c757d;margin-top:-6px}.guz-drawer-close:hover{color:#369058}.guz-drawer-body{padding:16px;overflow:auto;flex:1}@media (max-width: 640px){.guz-drawer-overlay{justify-content:flex-end;align-items:stretch}.guz-drawer{width:86vw!important;height:100%;border-radius:12px 0 0 12px;box-shadow:-6px 0 24px #00000040}.guz-drawer-header{border-top-left-radius:0}}@media (max-width: 1023px){.guz-drawer{padding-top:3rem}.guz-drawer-header{border-top-left-radius:0}}.mov-list-label{color:gray;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mov-divider{margin-top:8px;margin-bottom:8px}.mov-item{margin-top:2px;margin-bottom:8px}.mov-item-info{display:flex;justify-content:space-between}.mov-list-empty{text-align:center;color:#9b9b9b;margin-top:24px}:root{--chip-s-bg-soft: #dcfce7;--chip-s-bd-soft: #86efac;--chip-s-fg-soft: #166534;--chip-s-bg-solid:#22c55e;--chip-s-fg-solid:#ffffff;--chip-e-bg-soft: #fee2e2;--chip-e-bd-soft: #fecaca;--chip-e-fg-soft: #991b1b;--chip-e-bg-solid:#ef4444;--chip-e-fg-solid:#ffffff;--chip-radius: 999px;--chip-gap: 8px;--chip-pad-sm: 2px 8px;--chip-pad-md: 4px 10px;--chip-font-sm: 12px;--chip-font-md: 13px;--chip-dot: 8px}.chip{display:inline-flex;align-items:center;gap:var(--chip-gap);border-radius:var(--chip-radius);border:1px solid transparent;font-weight:600;line-height:1;-webkit-user-select:none;user-select:none}.chip--sm{padding:var(--chip-pad-sm);font-size:var(--chip-font-sm)}.chip--md{padding:var(--chip-pad-md);font-size:var(--chip-font-md)}.chip__dot{width:var(--chip-dot);height:var(--chip-dot);border-radius:50%;box-shadow:inset 0 0 0 3px transparent}.chip__label{white-space:nowrap}.chip--soft.chip--success{background:var(--chip-s-bg-soft);border-color:var(--chip-s-bd-soft);color:var(--chip-s-fg-soft)}.chip--soft.chip--success .chip__dot{background:var(--chip-s-bg-soft);border:1px solid var(--chip-s-bd-soft);box-shadow:inset 0 0 0 4px var(--chip-s-fg-soft)}.chip--soft.chip--error{background:var(--chip-e-bg-soft);border-color:var(--chip-e-bd-soft);color:var(--chip-e-fg-soft)}.chip--soft.chip--error .chip__dot{background:var(--chip-e-bg-soft);border:1px solid var(--chip-e-bd-soft);box-shadow:inset 0 0 0 4px var(--chip-e-fg-soft)}.chip--solid.chip--success{background:var(--chip-s-bg-solid);color:var(--chip-s-fg-solid)}.chip--solid.chip--success .chip__dot{background:var(--chip-s-fg-solid);box-shadow:none}.chip--solid.chip--error{background:var(--chip-e-bg-solid);color:var(--chip-e-fg-solid)}.chip--solid.chip--error .chip__dot{background:var(--chip-e-fg-solid);box-shadow:none}.chip--dot{border:none;padding:0}.chip--dot .chip__dot{width:10px;height:10px}.chip--dot.chip--success .chip__dot{background:var(--chip-s-bg-solid);box-shadow:none}.chip--dot.chip--error .chip__dot{background:var(--chip-e-bg-solid);box-shadow:none}.scanner-preview{display:flex;justify-content:center;align-items:center}.modal-container{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:1rem;background:#00000073}.modal{width:min(520px,92vw);max-height:min(80vh,100%);overflow:auto;background:#fff;border-radius:14px;box-shadow:0 10px 30px #0003}.modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;border-radius:12px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}@-webkit-keyframes animatetop{0%{opacity:.5}to{opacity:1}}@keyframes animatetop{0%{opacity:.5}to{opacity:1}}.close{color:#fff;float:right;font-size:28px;font-weight:700;margin-top:-4px}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.modal-header{padding:12px 16px;background-color:#2c3e50;color:#fff;text-align:center}.modal-body{padding:2px 16px}.modal-footer{padding:2px 16px;background-color:#5cb85c;color:#fff}.product-info-image{text-align:center}.ci-chip{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:1.6rem;padding:0 .55rem;border-radius:999px;font-weight:600;font-size:.85rem;line-height:1}.ci-chip--green{background:#e8f7ee;color:#1b8755}.ci-chip--yellow{background:#fff7e0;color:#8a6d00}.ci-chip--red{background:#fde8e8;color:#b42318}.tab-panel{width:100%}.categoria-form-container{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;max-width:500px}.categoria-form h2{color:#2c3e50;margin-top:0;margin-bottom:1.5rem;text-align:center}.categoria-form form{max-width:500px;margin:0 auto}.form-group{display:flex;flex-direction:column;margin-bottom:1.5rem}.form-group input,.form-group textarea{padding:.75rem;border:2px solid #e9ecef;border-radius:5px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3498db}.form-group input.error,.form-group textarea.error{border-color:#e74c3c}.form-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}@media (max-width: 1024px){.categoria-form form{max-width:450px}}@media (max-width: 768px){.categoria-form-container{padding:1.5rem}.form-actions{flex-direction:column;gap:.8rem}.categoria-form form{max-width:100%}}@media (max-width: 480px){.categoria-form-container{padding:1rem}.categoria-form h2{font-size:1.4rem;margin-bottom:1rem}.form-group input,.form-group textarea{padding:.6rem;font-size:.9rem}.btn{padding:.7rem 1.5rem;font-size:.9rem}}.categorias-container{padding:1.5rem;font-family:Segoe UI,Roboto,sans-serif;color:#333}.categorias-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.categorias-header h1{font-size:1.6rem;font-weight:600;margin:0}.btn-primary:hover{background-color:#2980b9}@media (max-width: 1024px){.categorias-header{flex-direction:column;gap:1rem;align-items:stretch}}@media (max-width: 768px){.categorias-header{flex-direction:column;gap:1rem;align-items:stretch}.categorias-header h1{font-size:1.5rem}}@media (max-width: 480px){.categorias-header h1{font-size:1.3rem}.btn{padding:.6rem 1.2rem;font-size:.9rem}}.inventario-form-container{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.inventario-form h2{color:#2c3e50;margin-top:0;margin-bottom:1.5rem;text-align:center}.inventario-form form{max-width:600px;margin:0 auto}.form-group input{padding:.75rem;border:2px solid #e9ecef;border-radius:5px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#3498db}.form-group input.error{border-color:#e74c3c}@media (max-width: 1024px){.inventario-form form{max-width:500px}}@media (max-width: 768px){.inventario-form-container{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:.8rem}.inventario-form form{max-width:100%}}@media (max-width: 480px){.inventario-form-container{padding:1rem}.inventario-form h2{font-size:1.4rem;margin-bottom:1rem}.form-group input{padding:.6rem;font-size:.9rem}.btn{padding:.7rem 1.5rem;font-size:.9rem}}.inventario-container{max-width:1200px;margin:0 auto}.inventario-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.inventario-header h1{color:#2c3e50;margin:0}@media (max-width: 768px){.inventario-header h1{font-size:1.5rem}}@media (max-width: 480px){.inventario-header h1{font-size:1.3rem}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#7f8c8d}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inventarios-dia-container{padding:1.5rem;margin:0 auto}.inventarios-dia-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.inventarios-dia-header h1{font-size:1.6rem;font-weight:600;margin:0}.filtros-section{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.filtros-section h3{margin-top:0;color:#2c3e50;margin-bottom:1rem}.filtros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group input,.form-group select{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.filtros-actions{display:flex;gap:1rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:5px;cursor:pointer;font-weight:500;text-decoration:none;display:inline-block;transition:all .3s ease}.btn-primary:hover{background-color:#369058}.btn-secondary{background-color:#95a5a6;color:#fff}.btn-secondary:hover{background-color:#7f8c8d}.btn-outline{background-color:transparent;color:#3498db;border:2px solid #3498db}.btn-outline:hover{background-color:#3498db;color:#fff}.inventarios-list-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.inventarios-list-header{padding:1.5rem;border-bottom:1px solid #e9ecef;background-color:#f8f9fa}.inventarios-list-header h3{margin:0 0 .5rem;color:#2c3e50}.inventarios-count{margin:0;color:#7f8c8d;font-size:.9rem}.no-data{text-align:center;padding:3rem;color:#7f8c8d;font-size:1.1rem}.inventarios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding:1.5rem}.inventario-card{border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;transition:box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between}.inventario-info{margin-bottom:1rem}.codigo-producto{color:#2c3e50;margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.nombre-producto{color:#555;margin:0 0 .5rem;font-weight:500}.cantidad-producto{margin:0;color:#7f8c8d;font-size:.9rem}.inventario-status{display:flex;justify-content:flex-end}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500}.status-badge.in-stock{background-color:#d4edda;color:#155724}.status-badge.out-of-stock{background-color:#f8d7da;color:#721c24}@media (max-width: 1024px){.inventarios-grid,.filtros-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.inventarios-dia-header{font-size:1.5rem;flex-direction:column;align-items:flex-start;gap:.75rem}.inventarios-dia-header h1{font-size:1.5rem}.filtros-grid{grid-template-columns:1fr}.filtros-actions{flex-direction:column}.inventarios-grid{grid-template-columns:1fr;padding:1rem}.inventarios-list-header{padding:1rem}}@media (max-width: 480px){.filtros-section,.inventario-card{padding:1rem}.codigo-producto{font-size:1rem}}.cierre-container{max-width:1200px;margin:0 auto}.cierre-header{text-align:center;margin-bottom:3rem;padding:2rem;background:#2c3e50;color:#fff;border-radius:10px}.cierre-header h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.cierre-header p{margin:0;font-size:1.1rem;opacity:.9}.cierre-actions{display:flex;justify-content:center;margin-bottom:3rem}.btn-large{padding:1rem 3rem;font-size:1.1rem;font-weight:600}.cierre-result{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.cierre-result h3{color:#2c3e50;margin-top:0;margin-bottom:1rem;text-align:center}.cierre-summary{background-color:#f8f9fa;padding:1rem;border-radius:5px;margin-bottom:2rem;text-align:center;border-left:4px solid #3498db}.cierre-summary p{margin:0;font-size:1.1rem;color:#2c3e50}.inventario-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.inventario-card{border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;transition:box-shadow .3s ease;background:#fff}.inventario-card:hover{box-shadow:0 4px 8px #0000001a}.inventario-info{text-align:center}.codigo-producto{color:#2c3e50;margin:0 0 1rem;font-size:1.2rem;font-weight:600}.cantidad{margin:0 0 .5rem;color:#555;font-size:1rem}.fecha{margin:0;color:#7f8c8d;font-size:.9rem}@media (max-width: 1024px){.inventario-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.cierre-header h1{font-size:2rem}.cierre-header p{font-size:1rem}.cierre-header{padding:1.5rem}.inventario-grid{grid-template-columns:1fr}.cierre-result{padding:1.5rem}.btn-large{padding:.8rem 2rem;font-size:1rem}}@media (max-width: 480px){.cierre-header h1{font-size:1.5rem}.cierre-header p{font-size:.9rem}.cierre-header,.cierre-result{padding:1rem}.cierre-result h3{font-size:1.2rem}.inventario-card{padding:1rem}.codigo-producto{font-size:1.1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#333;line-height:1.6}#root{min-height:100vh}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}@media (max-width: 768px){.hidden-mobile{display:none!important}}@media (min-width: 769px){.hidden-desktop{display:none!important}}@media (max-width: 480px){body{font-size:14px}h1{font-size:1.5rem}h2{font-size:1.3rem}h3{font-size:1.2rem}}@media (max-width: 768px){*{-webkit-overflow-scrolling:touch}}img{max-width:100%;height:auto}@media (max-width: 768px){input,select,textarea{font-size:16px}}.clientes-container{padding:1.5rem;margin:0 auto}.clientes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.clientes-header h1{font-size:1.6rem;font-weight:600;margin:0}@media (max-width: 768px){.clientes-header{flex-direction:column;align-items:flex-start;gap:.75rem}}.cliente-info-container{display:flex;flex-direction:column;gap:20px;min-width:0}.cliente-info-icon-header{display:flex;justify-content:center;align-items:center}.ci-avatar{width:156px;height:156px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:56px;font-weight:700;line-height:1;text-transform:uppercase;background:#e6f0f1;color:#406d72;-webkit-user-select:none;user-select:none}.cliente-info-subsection{color:#2c3e50;margin:0}.ci-grid{display:grid;grid-template-columns:1fr;gap:10px}.ci-row{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:12px;min-width:0}.ci-label{color:gray;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ci-value{position:relative;min-width:0}.ci-ellipsis{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text;outline:none;overflow-wrap:anywhere;word-break:break-word}.ci-ellipsis:after{content:attr(data-full);position:absolute;left:0;right:auto;top:100%;transform:translateY(6px);opacity:0;pointer-events:none;background:#111;color:#fff;border-radius:8px;padding:10px 12px;box-shadow:0 10px 24px #00000040;max-width:min(70vw,520px);white-space:normal;line-height:1.35;z-index:20;transition:opacity .12s ease}.ci-ellipsis:before{content:"";position:absolute;top:100%;left:12px;transform:translateY(2px);border:6px solid transparent;border-bottom-color:#111;opacity:0;transition:opacity .12s ease}.ci-ellipsis:focus:after,.ci-ellipsis:hover:after,.ci-ellipsis:focus:before,.ci-ellipsis:hover:before{opacity:1}.ci-expanded{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:unset}.ci-expanded:after,.ci-expanded:before{display:none}@media (max-width:640px){.ci-row{grid-template-columns:130px minmax(0,1fr)}}.form-switch{display:flex;flex-direction:row}.form-switch-button{margin-top:-6px}.historico-inventarios-container{padding:1.5rem;margin:0 auto}.historico-inventarios-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.historico-inventarios-header h1{font-size:1.6rem;font-weight:600;margin:0}@media (max-width: 768px){.historico-inventarios-header{flex-direction:column;align-items:flex-start;gap:.75rem}}.cfiscal-container{padding:1.5rem;font-family:Segoe UI,Roboto,sans-serif;color:#333}.cfiscal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.cfiscal-header h1{font-size:1.6rem;font-weight:600;margin:0}.header-actions-cfiscal{display:flex;flex-direction:row;gap:10px}@media (max-width: 768px){.cfiscal-header{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (max-width: 523px){.header-actions-cfiscal{flex-direction:column;width:100%}}.movimientos-container{max-width:1200px;margin:0 auto}.movimientos-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.movimientos-header h1{color:#2c3e50;margin:0}.alert{padding:1rem;border-radius:5px;margin-bottom:1rem}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.movimiento-result{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.movimiento-result h3{color:#2c3e50;margin-top:0;margin-bottom:1.5rem;text-align:center}.result-card{background-color:#f8f9fa;padding:1.5rem;border-radius:8px;border-left:4px solid #3498db}.result-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e9ecef}.result-item:last-child{border-bottom:none}.result-label{font-weight:600;color:#555}.result-value{font-weight:500;color:#2c3e50}.result-value.positive{color:#27ae60;font-weight:600}.result-value.negative{color:#e74c3c;font-weight:600}@media (max-width: 768px){.movimientos-header h1{font-size:1.5rem}.movimiento-result{padding:1.5rem}.result-card{padding:1rem}.result-item{flex-direction:column;align-items:flex-start;gap:.25rem}}@media (max-width: 480px){.movimientos-header h1{font-size:1.3rem}.movimiento-result{padding:1rem}.movimiento-result h3{font-size:1.2rem}}.movimiento-form-container{background:#fff;border-radius:8px;margin-bottom:2rem}.movimiento-form h2{color:#2c3e50;margin-top:0;margin-bottom:1.5rem;text-align:center}.movimiento-form form{max-width:600px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;margin-bottom:1rem}.form-group label{font-weight:500;margin-bottom:.5rem;color:#555}.form-group input,.form-group select{padding:.75rem;border:2px solid #e9ecef;border-radius:5px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3498db}.form-group input.error,.form-group select.error{border-color:#e74c3c}.error-message{color:#e74c3c;font-size:.875rem;margin-top:.25rem}.movimiento-info{background-color:#f8f9fa;padding:1rem;border-radius:5px;margin-bottom:1rem;text-align:center}.movimiento-type{font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.movimiento-type.entrada{color:#27ae60}.movimiento-type.salida{color:#e74c3c}.cantidad-preview{margin:0;color:#555;font-size:.9rem}.form-actions{display:flex;justify-content:center;margin-top:2rem}.btn{padding:.75rem 2rem;border:none;border-radius:5px;cursor:pointer;font-weight:500;text-decoration:none;display:inline-block;transition:all .3s ease;font-size:1rem}.btn-primary{background-color:#43a169;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2980b9}.btn-primary:disabled{background-color:#bdc3c7;cursor:not-allowed}@media (max-width: 1024px){.movimiento-form form{max-width:500px}}@media (max-width: 768px){.movimiento-form-container{padding:1.5rem}.form-row{grid-template-columns:1fr;gap:.8rem}.movimiento-form form{max-width:100%}}@media (max-width: 480px){.movimiento-form-container{padding:1rem}.movimiento-form h2{font-size:1.4rem;margin-bottom:1rem}.form-group input,.form-group select{padding:.6rem;font-size:.9rem}.btn{padding:.7rem 1.5rem;font-size:.9rem}}.movimientos-dia-container{padding:1.5rem;margin:0 auto}.movimientos-dia-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.movimientos-dia-header h1{font-size:1.6rem;font-weight:600;margin:0}@media (max-width: 768px){.movimientos-dia-header{font-size:1.5rem;flex-direction:column;align-items:flex-start;gap:.75rem}.movimientos-dia-header h1{font-size:1.5rem}.movimientos-list-header{padding:1rem}}