:root{--bg: #f5f5f0;--surface: #ffffff;--surface-2: #fafaf7;--border: #e6e5df;--border-strong: #d4d3cb;--text: #1a1a1a;--text-2: #5c5c56;--text-3: #8f8e86;--brand: #f59e0b;--brand-dark: #b45309;--brand-soft: #fef3c7;--nav-bg: #1a1a1a;--nav-active: #252525;--nav-border: #2a2a2a;--nav-text: #9a9a94;--nav-muted: #5a5a55;--ok: #15803d;--ok-soft: #dcfce7;--warn: #b45309;--warn-soft: #fef3c7;--danger: #b91c1c;--danger-soft: #fee2e2;--info: #0369a1;--info-soft: #e0f2fe;--rol-administrador: #7c3aed;--rol-contadora: #0369a1;--rol-vendedora: #15803d;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-full: 999px;--fs-xs: 11px;--fs-sm: 13px;--fs-md: 14px;--fs-lg: 17px;--fs-xl: 22px;--fs-2xl: 28px;--shadow-1: 0 1px 2px rgba(0,0,0,.05);--shadow-2: 0 4px 14px rgba(0,0,0,.09);--shadow-3: 0 12px 32px rgba(0,0,0,.14);--sidebar-w: 230px;--sidebar-w-collapsed: 64px;--header-h: 56px;--t-fast: .15s ease;--t-base: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:var(--fs-md);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{line-height:1.25;font-weight:700}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit}img,svg{display:block;max-width:100%}:focus{outline:none}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--r-sm)}.num,td.num,th.num,input[type=number],.precio,.monto{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;text-align:right}.tabla{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.tabla th{text-align:left;font-size:var(--fs-xs);font-weight:700;color:var(--text-3);letter-spacing:.04em;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);background:var(--surface-2);position:sticky;top:0;z-index:2}.tabla td{padding:var(--sp-3);border-bottom:1px solid var(--border);vertical-align:middle}.tabla tbody tr:hover{background:var(--surface-2)}.tabla tbody tr:last-child td{border-bottom:none}.vacio{color:var(--border-strong)}.fila-hija td:first-child,.fila-hija .producto{padding-left:var(--sp-6);position:relative}.fila-hija .producto:before{content:"";position:absolute;left:var(--sp-4);top:0;bottom:0;border-left:2px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border:1px solid transparent;border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:600;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}.btn-primario{background:var(--brand);color:#1a1a1a}.btn-primario:hover{background:var(--brand-dark);color:#fff}.btn-secundario{background:var(--surface);color:var(--text-2);border-color:var(--border-strong)}.btn-secundario:hover{background:var(--surface-2);color:var(--text)}.btn-peligro{background:var(--danger);color:#fff}.btn-sm{padding:var(--sp-1) var(--sp-3);font-size:var(--fs-xs)}.btn-fantasma{background:transparent;color:var(--text-3)}.btn-fantasma:hover{background:var(--surface-2);color:var(--text)}.badge{display:inline-block;padding:2px var(--sp-2);border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:600;white-space:nowrap}.badge-neutro{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.badge-ok{background:var(--ok-soft);color:var(--ok)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-peligro{background:var(--danger-soft);color:var(--danger)}.badge-info{background:var(--info-soft);color:var(--info)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-1);overflow:hidden}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);background:var(--surface-2)}.nav-link{display:flex;align-items:center;gap:var(--sp-3);padding:9px var(--sp-4);color:var(--nav-text);text-decoration:none;font-size:var(--fs-sm);font-weight:500;border-left:3px solid transparent;white-space:nowrap;transition:color var(--t-fast),background var(--t-fast)}.nav-link:hover{color:#fff;background:#202020}.nav-link.active{color:var(--brand);background:var(--nav-active);border-left-color:var(--brand)}.nav-link:focus-visible{outline-offset:-2px}.nav-grupo{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--sp-3) var(--sp-4) var(--sp-1);background:none;border:none;color:var(--brand);font-size:10px;font-weight:800;letter-spacing:.12em;text-align:left}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full)}::-webkit-scrollbar-track{background:transparent}.nav-scroll::-webkit-scrollbar-thumb{background:#333}.solo-lectura{-webkit-user-select:all;user-select:all}.truncar{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 767px){:root{--fs-md: 15px}.oculto-movil{display:none!important}.tabla th,.tabla td{padding:var(--sp-2)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media print{aside,.no-imprimir,.btn{display:none!important}body{background:#fff}.card{border:1px solid #ccc;box-shadow:none;page-break-inside:avoid}}