:root{--gray-0: #ffffff;--gray-50: #f7f7f8;--gray-100: #ececee;--gray-200: #dcdce0;--gray-300: #c4c4ca;--gray-400: #9a9aa2;--gray-500: #6f6f78;--gray-600: #52525a;--gray-700: #3a3a41;--gray-800: #26262b;--gray-900: #161619;--bg: var(--gray-50);--panel: var(--gray-0);--border: var(--gray-200);--text: var(--gray-800);--text-soft: var(--gray-500);--accent: var(--gray-800);--danger: #7a2e2e;--danger-bg: #f3e6e6;--radius: 8px;--shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 1px 8px rgba(0, 0, 0, .04);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;max-width:100%;overflow-x:hidden}body{background:var(--bg);font-size:14px}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--gray-0);color:var(--text);padding:8px 14px;border-radius:var(--radius);transition:background .12s ease,border-color .12s ease}button:hover{background:var(--gray-100)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--gray-800);color:var(--gray-0);border-color:var(--gray-800)}button.primary:hover{background:var(--gray-700)}button.danger{color:var(--danger);border-color:#d8c4c4}button.danger:hover{background:var(--danger-bg)}button.ghost{border-color:transparent;background:transparent}button.ghost:hover{background:var(--gray-100)}button.sm{padding:4px 10px;font-size:13px}input,select{font:inherit;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--gray-0);color:var(--text);width:100%}input:focus,select:focus{outline:2px solid var(--gray-300);outline-offset:-1px}label{display:block;font-size:12px;color:var(--text-soft);margin-bottom:4px}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--border)}td{padding:10px 12px;border-bottom:1px solid var(--gray-100)}tr:last-child td{border-bottom:none}.num{text-align:right;font-variant-numeric:tabular-nums}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.panel:has(>table){overflow-x:auto}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;background:var(--gray-100);color:var(--gray-600);border:1px solid var(--border)}.badge.warn{background:var(--danger-bg);color:var(--danger);border-color:#d8c4c4}.badge.ok{background:var(--gray-100);color:var(--gray-600)}.badge.pend{background:var(--gray-200);color:var(--gray-700);border-color:var(--gray-300)}.row-low{background:var(--danger-bg)}.row-anulada td{color:var(--text-soft)}.row-anulada td:not(:first-child):not(:last-child){text-decoration:line-through}.clickable-rows tbody tr.row-link{cursor:pointer}.clickable-rows tbody tr.row-link:hover{background:var(--gray-50)}.clickable-rows tbody tr.row-sel{background:var(--gray-100)}.clickable-rows tbody tr.row-encurso td{color:var(--text-soft);cursor:default}.app-shell{display:grid;grid-template-columns:220px 1fr;height:100%}.sidebar{background:var(--gray-900);color:var(--gray-100);display:flex;flex-direction:column;padding:18px 12px;gap:4px}.sidebar .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;letter-spacing:.02em;padding:8px 12px 18px;color:var(--gray-0)}.sidebar .brand-logo{width:34px;height:34px;flex:none;border-radius:8px;background:var(--gray-0);padding:2px;object-fit:contain}.sidebar nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar nav button{text-align:left;background:transparent;border:none;color:var(--gray-300);padding:10px 12px;border-radius:6px}.sidebar nav button:hover{background:var(--gray-800);color:var(--gray-0)}.sidebar nav button.active{background:var(--gray-700);color:var(--gray-0)}.sidebar .user{border-top:1px solid var(--gray-700);padding-top:12px;font-size:12px;color:var(--gray-400)}.sidebar .user strong{color:var(--gray-100);display:block;font-size:13px}.main{overflow-y:auto;padding:24px 28px}.page-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:10px;margin-bottom:18px}.page-head h1{font-size:20px;margin:0;font-weight:650}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.grid-cards>*{min-width:0}.card{padding:18px;overflow:hidden}.card .kpi{font-size:clamp(20px,2.2vw,28px);font-weight:680;font-variant-numeric:tabular-nums;line-height:1.15;overflow-wrap:anywhere}.card .kpi-label{color:var(--text-soft);font-size:13px;margin-top:4px}.login-wrap{height:100%;display:grid;place-items:center;background:var(--gray-100)}.login-card{width:min(340px,calc(100vw - 32px));padding:28px}.login-logo{display:block;width:140px;height:auto;margin:0 auto 10px}.login-card p.sub{margin:0 0 20px;color:var(--text-soft);text-align:center}.form-row{margin-bottom:14px}.error{color:var(--danger);background:var(--danger-bg);border:1px solid #d8c4c4;padding:8px 10px;border-radius:var(--radius);font-size:13px;margin-bottom:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14141866;display:grid;place-items:center;z-index:50}.modal{width:520px;max-width:calc(100vw - 40px);max-height:calc(100vh - 60px);overflow-y:auto;padding:22px}.modal h2{margin:0 0 16px;font-size:18px}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;row-gap:8px;margin-top:18px}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.empty{padding:40px;text-align:center;color:var(--text-soft)}.muted{color:var(--text-soft)}.receipt{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius);padding:16px;font-size:13px;line-height:1.5}.stepper{display:flex;align-items:stretch;gap:0}.stepper input{text-align:center;border-radius:0;border-left:none;border-right:none;font-variant-numeric:tabular-nums}.stepper button{border-radius:0;width:34px;padding:0;font-size:16px;line-height:1;color:var(--gray-600)}.stepper button:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.stepper button:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.feed{display:flex;flex-direction:column}.feed-fecha-sep{padding:10px 16px 6px;font-size:12.5px;font-weight:600;color:var(--text-soft);background:var(--gray-50);border-bottom:1px solid var(--gray-100)}.feed-item{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--gray-100)}.feed-lupa{border:none;background:transparent;cursor:pointer;font-size:15px;line-height:1;padding:6px 7px;border-radius:6px;color:var(--text-soft)}.feed-lupa:hover{background:var(--gray-100)}.feed-item:last-child{border-bottom:none}.feed-main{font-weight:550}.feed-main .prod{color:var(--text)}.feed-sub{color:var(--text-soft);font-size:12.5px}.feed-right{text-align:right;font-variant-numeric:tabular-nums}.feed-right .cant{font-weight:600}.feed-right .stock{color:var(--text-soft);font-size:12.5px}.feed-more{padding:12px 16px;text-align:center;border-top:1px solid var(--border)}.mov-detalle .row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:9px 0;border-bottom:1px solid var(--gray-100)}.mov-detalle .row:last-child{border-bottom:none}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid var(--gray-100)}.timeline li:last-child{border-bottom:none}.periodos{list-style:none;margin:0;padding:0}.periodos li{border-bottom:1px solid var(--gray-100)}.periodos li:last-child{border-bottom:none}.periodos .periodo-link{width:100%;border:none;background:transparent;border-radius:0;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:550;color:var(--text)}.periodos .periodo-link:hover{background:var(--gray-50)}.table-scroll{overflow-x:auto}.tabs{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.tabs button{border:none;border-radius:0;background:var(--gray-0);color:var(--text-soft);padding:6px 14px;font-size:13px}.tabs button+button{border-left:1px solid var(--border)}.tabs button.active{background:var(--gray-800);color:var(--gray-0)}.section-head{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.section-head strong{font-size:14px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--gray-900);color:var(--gray-0);padding:10px 18px;border-radius:var(--radius);box-shadow:var(--shadow);z-index:100;font-size:13px}.ticket-head{text-align:center;border-bottom:2px solid var(--border);padding-bottom:12px}.ticket-head .ticket-negocio{font-size:15px;font-weight:600}.ticket-head .ticket-title{font-size:22px;font-weight:700;letter-spacing:.1em;margin:2px 0 4px}.ticket-estado{border-top:2px solid var(--border);margin-top:12px;padding-top:12px}#remito-print{display:none}@media print{#root{display:none!important}#remito-print{display:block!important;position:fixed;top:0;right:0;bottom:0;left:0;padding:16mm;color:#000;background:#fff;font-family:helvetica,Arial,sans-serif;font-size:12px}#remito-print .rp-head{display:flex;justify-content:space-between;align-items:baseline}#remito-print .rp-negocio{font-size:20px;font-weight:700}#remito-print .rp-titulo{font-size:14px}#remito-print .rp-leyenda{color:#555;font-size:11px;margin-top:2px}#remito-print hr{border:none;border-top:1px solid #ccc;margin:10px 0}#remito-print .rp-fila{display:flex;justify-content:space-between}#remito-print .rp-estado{margin:10px 0 6px}#remito-print .rp-estado .rp-estado-badge{display:inline-block;border:1px solid #777;border-radius:4px;padding:3px 8px;font-weight:700;font-size:12px}#remito-print .rp-estado .rp-estado-motivo{margin-top:4px;color:#777;font-size:11px}#remito-print .rp-cliente{margin:10px 0;line-height:1.5}#remito-print table.rp-items{width:100%;border-collapse:collapse;margin-top:8px}#remito-print table.rp-items th{background:#3c3c3c;color:#fff;text-align:left;padding:5px 6px;font-size:11px}#remito-print table.rp-items td{padding:5px 6px;border-bottom:1px solid #eee}#remito-print .rp-num{text-align:right}#remito-print .rp-totales{margin-top:10px;width:60mm;margin-left:auto}#remito-print .rp-totales>div{display:flex;justify-content:space-between;padding:2px 0}#remito-print .rp-total-final{font-weight:700;font-size:13px;border-top:1px solid #ccc;margin-top:4px;padding-top:4px}#remito-print .rp-cuenta{line-height:1.6}#remito-print .rp-pie{margin-top:16px;color:#777;font-size:10px}}.mobile-topbar,.mobile-backdrop{display:none}@media (max-width: 640px){.app-shell{grid-template-columns:1fr}.mobile-topbar{display:flex;align-items:center;gap:10px;position:fixed;top:0;left:0;right:0;height:52px;padding:0 8px;background:var(--gray-900);z-index:40}.mobile-topbar-logo{width:26px;height:26px;flex:none;border-radius:6px;background:var(--gray-0);padding:2px;object-fit:contain}.mobile-topbar-title{color:var(--gray-0);font-weight:700;font-size:15px}.mobile-menu-btn{padding:10px;border:none;background:transparent;border-radius:6px}.mobile-menu-btn:hover{background:var(--gray-800)}.mobile-menu-icon,.mobile-menu-icon:before,.mobile-menu-icon:after{display:block;width:20px;height:2px;background:var(--gray-0);border-radius:2px}.mobile-menu-icon{position:relative}.mobile-menu-icon:before,.mobile-menu-icon:after{content:"";position:absolute;left:0}.mobile-menu-icon:before{top:-6px}.mobile-menu-icon:after{top:6px}.mobile-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#14141873;z-index:45}.sidebar{position:fixed;top:0;bottom:0;left:0;width:240px;max-width:82vw;transform:translate(-100%);transition:transform .2s ease;z-index:50}.sidebar.open{transform:translate(0)}.sidebar .brand{display:none}.main{padding:68px 14px 16px}.modal{max-width:calc(100vw - 24px);padding:16px}}@media (prefers-reduced-motion: reduce){.sidebar{transition:none}}