:root{--text:#5b6372;--text-h:#0f2a43;--bg:#fff;--bg-subtle:#eef2f7;--bg-muted:#e4e9f0;--border:#e2e5ea;--code-bg:#eef2f7;--accent:#0f2a43;--accent-strong:#1c3f63;--accent-soft:#c9972c;--accent-bg:#0f2a4314;--accent-border:#0f2a4359;--accent-2:#8a6a1c;--gold-text:#8a6a1c;--success:#1a7f37;--success-bg:#1a7f3714;--danger:#c62828;--danger-bg:#c6282814;--warning:#9a6200;--warning-bg:#9a62001a;--info:#2b6cb0;--info-bg:#2b6cb014;--shadow:#0f2a4324 0 10px 15px -3px, #0f2a4312 0 4px 6px -2px;--shadow-sm:#0f2a4314 0 1px 3px 0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--focus-ring:0 0 0 3px var(--accent-border);--h1-size:28px;--h2-size:20px;--h3-size:16px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/145% var(--sans);letter-spacing:.1px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#aab4c4;--text-h:#edf1f7;--bg:#0d1420;--bg-subtle:#121a28;--bg-muted:#1b2434;--border:#2a3448;--code-bg:#121a28;--accent:#5b8dc4;--accent-strong:#1c3f63;--accent-soft:#d9ae4e;--accent-bg:#5b8dc429;--accent-border:#5b8dc473;--accent-2:#d9ae4e;--gold-text:#d9ae4e;--success:#4ade80;--success-bg:#4ade801f;--danger:#f87171;--danger-bg:#f871711f;--warning:#facc15;--warning-bg:#facc151f;--info:#7ab3e8;--info-bg:#7ab3e81f;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--shadow-sm:#0000004d 0 1px 3px 0}}*,:before,:after{box-sizing:border-box}#root{min-height:100svh}html,body{max-width:100%;overflow-x:hidden}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{font-size:var(--h1-size);letter-spacing:-.4px;margin:var(--space-4) 0 var(--space-3)}h2{font-size:var(--h2-size);letter-spacing:-.1px;margin:var(--space-5) 0 var(--space-2);line-height:130%}h3{font-size:var(--h3-size);font-family:var(--heading);color:var(--text-h);margin:var(--space-4) 0 var(--space-2);font-weight:600}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.status{margin-top:var(--space-5);font-size:20px;font-weight:600}.status-pending{color:var(--text)}.status-ok{color:var(--success)}.status-error{color:var(--danger)}.detail{margin-top:var(--space-2);color:var(--text);font-size:14px}.form-error{color:var(--danger);font-size:14px}.muted{color:var(--text);font-size:13px}.auth-page{max-width:360px;padding:0 var(--space-5);margin:64px auto}.auth-logo{margin-bottom:var(--space-4);justify-content:center;display:flex}.auth-logo .brand-logo-mark{width:40px;height:40px}.auth-logo .brand-logo-word{font-size:22px}.auth-form{gap:var(--space-3);margin-top:var(--space-4);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5);flex-direction:column;display:flex}.auth-form label{gap:var(--space-1);text-align:left;flex-direction:column;font-size:14px;display:flex}.auth-form input{padding:10px var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);min-height:44px;font-size:16px}.layout{background:var(--bg-subtle);min-height:100svh;display:flex}.layout-body{flex-direction:column;flex:auto;min-width:0;min-height:100svh;display:flex}.brand-logo{align-items:center;gap:var(--space-2);display:inline-flex}.brand-logo-mark{flex-shrink:0}.brand-logo-word-group{flex-direction:column;gap:2px;display:flex}.brand-logo-word{color:var(--text-h);letter-spacing:-.2px;font-size:18px;font-weight:700;line-height:1}.brand-logo-underline{background:var(--accent-soft);border-radius:1px;width:28px;height:2px;display:block}.sidebar-rail{background:var(--accent);padding:var(--space-4) 0;align-items:center;gap:var(--space-2);flex-direction:column;flex:0 0 84px;display:none}.sidebar-rail-logo{margin-bottom:var(--space-3);display:flex}.sidebar-rail-nav{gap:var(--space-1);flex-direction:column;align-items:center;width:100%;display:flex}.sidebar-rail-item{width:64px;padding:var(--space-2) 2px;border-radius:var(--radius-md);color:#a9bdd3;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:600;text-decoration:none;display:flex}.sidebar-rail-item:hover{color:#fff;background:#ffffff14}.sidebar-rail-item.active{background:var(--accent-strong);color:#fff}.sidebar-rail-item span{text-align:center;line-height:1.15}.sidebar-rail-flyout{left:calc(100% + var(--space-2));z-index:45;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:220px;box-shadow:var(--shadow);padding:var(--space-2);flex-direction:column;gap:2px;display:flex;position:absolute;top:0}.sidebar-rail-flyout-title{text-transform:uppercase;letter-spacing:.06em;color:var(--gold-text);padding:var(--space-2) var(--space-3) var(--space-1);font-size:11px;font-weight:700}.sidebar-rail-flyout-link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);min-height:40px;color:var(--text-h);align-items:center;font-size:14px;font-weight:600;text-decoration:none;display:flex}.sidebar-rail-flyout-link:hover,.sidebar-rail-flyout-link.active{background:var(--accent-bg);color:var(--accent)}.sidebar-rail-avatar{background:var(--accent-strong);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-top:auto;font-size:12px;font-weight:700;display:flex}.sidebar-rail-avatar:hover{background:var(--accent-soft);color:var(--accent)}.layout-topbar-mobile{background:var(--accent);padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;display:flex}.layout-topbar-mobile .brand-logo-mark{width:26px;height:26px}.layout-topbar-avatar{background:var(--accent-strong);color:#fff;cursor:pointer;border:none;border-radius:50%;width:30px;height:30px;font-size:12px;font-weight:700}@media (width<=1024px){.layout-content{max-width:100%}}@media (width<=600px){:root{--h1-size:22px;--h2-size:17px}.layout-content{padding:var(--space-4) var(--space-3)}.inline-form{gap:var(--space-2)}.inline-form input,.inline-form select,.inline-form button,.inline-form label{width:100%}.kpi-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.data-table th,.data-table td{padding:var(--space-1) var(--space-2);font-size:13px}}.layout-content{padding:var(--space-5);padding-bottom:calc(var(--space-5) + 64px);text-align:left;flex:auto;width:100%;max-width:900px;margin:0 auto}@media (width>=768px){.layout-content{padding-bottom:var(--space-5)}}.bottom-tab-bar{z-index:50;background:var(--bg);border-top:1px solid var(--border);padding:var(--space-1) var(--space-1) max(var(--space-2), env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-tab{padding:var(--space-1) 0;min-height:48px;color:var(--text);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.bottom-tab.active{color:var(--accent)}.bottom-sheet-overlay{z-index:51;background:#0f2a4366;position:fixed;inset:0}.bottom-sheet{z-index:52;background:var(--bg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:75vh;box-shadow:var(--shadow);padding:var(--space-3) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.bottom-sheet-handle{background:var(--border);width:40px;height:4px;margin:0 auto var(--space-4);border-radius:2px}.bottom-sheet-group{margin-bottom:var(--space-3)}.bottom-sheet-category{align-items:center;gap:var(--space-2);color:var(--gold-text);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);font-size:12px;font-weight:700;display:flex}.bottom-sheet-link{min-height:44px;padding:var(--space-2) var(--space-2);color:var(--text-h);border-radius:var(--radius-sm);align-items:center;font-size:15px;font-weight:600;text-decoration:none;display:flex}.bottom-sheet-link:hover,.bottom-sheet-link.active{background:var(--accent-bg);color:var(--accent)}.inline-form{gap:var(--space-3);margin:var(--space-4) 0;flex-wrap:wrap;align-items:end;display:flex}.inline-form label{gap:var(--space-1);flex-direction:column;font-size:13px;display:flex}.inline-form input,.inline-form select{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);min-height:44px;color:var(--text-h);font-size:15px}.inline-form input[type=checkbox]{width:18px;height:18px;min-height:18px}button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);min-height:44px;color:var(--text-h);cursor:pointer;font-size:15px;font-weight:500;transition:background-color .15s,border-color .15s}button:hover:not(:disabled){border-color:var(--accent-border);background:var(--accent-bg)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent);opacity:.9}.btn-danger{background:var(--bg);border-color:var(--danger);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-bg)}button:disabled{opacity:.6;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{box-shadow:var(--focus-ring);outline:none}.data-table{border-collapse:collapse;width:100%;margin-top:var(--space-3)}.data-table th,.data-table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);font-size:14px}.data-table thead th{color:var(--text-h);background:var(--bg-muted);white-space:nowrap;font-size:13px;font-weight:600}.data-table tbody tr:hover{background:var(--bg-subtle)}.data-table tr.row-selected{background:var(--accent-bg)}.data-table tr.row-clickable{cursor:pointer}.data-table tr.row-low-stock{color:var(--danger)}.table-scroll{-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.table-scroll .data-table{margin-top:0}.table-scroll .data-table th:first-child,.table-scroll .data-table td:first-child{padding-left:var(--space-4)}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);box-shadow:var(--shadow-sm);padding:var(--space-4);margin:var(--space-4) 0}.kpi-grid{gap:var(--space-3);margin:var(--space-4) 0;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.kpi-card{border:1px solid var(--border);border-left:3px solid var(--accent-soft);border-radius:var(--radius-lg);background:var(--bg);box-shadow:var(--shadow-sm);padding:var(--space-3)}.kpi-card .kpi-label{color:var(--text);font-size:13px}.kpi-card .kpi-value{color:var(--text-h);font-size:20px;font-weight:700}.panel-links{flex-direction:column;gap:2px;display:flex}.panel-link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-1);border-radius:var(--radius-sm);color:#fff;min-height:40px;font-size:14px;text-decoration:none;display:flex}.panel-link:hover{background:#ffffff14}.empty-state{border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--bg);padding:var(--space-4);text-align:center;color:var(--text);margin:var(--space-4) 0}.update-prompt{left:50%;bottom:var(--space-4);z-index:50;align-items:center;gap:var(--space-3);max-width:min(420px, calc(100vw - var(--space-4) * 2));background:var(--text-h);color:var(--bg);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:var(--space-3) var(--space-4);font-size:14px;display:flex;position:fixed;transform:translate(-50%)}.update-prompt button{background:var(--accent);border-color:var(--accent);color:#fff;min-height:36px;padding:var(--space-1) var(--space-3);white-space:nowrap}.offline-notice{z-index:60;background:var(--warning-bg);color:var(--warning);border-bottom:1px solid var(--warning);text-align:center;padding:var(--space-2) var(--space-4);font-size:13px;font-weight:600;position:fixed;top:0;left:0;right:0}.shift-form{gap:var(--space-4);max-width:420px;margin:var(--space-4) 0;flex-direction:column;display:flex}.shift-form label{gap:var(--space-2);color:var(--text-h);flex-direction:column;font-size:15px;font-weight:600;display:flex}.shift-form input,.shift-form select{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);min-height:48px;color:var(--text-h);font-size:17px}.shift-form button{min-height:52px;font-size:16px}.shift-confirm-actions{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.shift-confirm-actions button{width:100%;min-height:52px;font-size:16px}.split-layout{margin:var(--space-4) 0;border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;gap:0;display:flex;overflow:hidden}.split-layout-panel{background:var(--accent);color:#fff;padding:var(--space-5) var(--space-4);flex:280px}.split-layout-main{background:var(--bg);min-width:0;padding:var(--space-5);flex:999 560px}.panel-title{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-soft);margin-bottom:var(--space-1);font-size:12px;font-weight:600}.panel-stats{gap:var(--space-4);margin:var(--space-4) 0;display:flex}.panel-stat-label{text-transform:uppercase;letter-spacing:.03em;color:#ffffffa6;font-size:11px}.panel-stat-value{margin-top:2px;font-size:22px;font-weight:600}.panel-breakdown{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.panel-breakdown-row{padding-bottom:var(--space-2);font-variant-numeric:tabular-nums;border-bottom:1px solid #ffffff24;justify-content:space-between;font-size:14px;display:flex}.panel-breakdown-row:last-child{border-bottom:none;padding-bottom:0}.panel-field{gap:var(--space-1);color:#ffffffa6;flex-direction:column;font-size:13px;font-weight:500;display:flex}.panel-field input{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:#fff;background:#ffffff1a;border:1px solid #ffffff4d;min-height:40px;font-size:14px}.panel-field input::-webkit-calendar-picker-indicator{filter:invert()}.panel-note{margin-top:var(--space-4);padding-top:var(--space-4);color:#ffffffa6;border-top:1px solid #ffffff24;font-size:13px}.tabs-underline{gap:var(--space-5);border-bottom:1px solid var(--border);margin-bottom:var(--space-4);display:flex}.tab-underline{padding:0 0 var(--space-3);color:var(--text);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;min-height:auto;font-size:15px;font-weight:500}.tab-underline.active{color:var(--text-h);border-bottom-color:var(--accent);font-weight:600}.entry-bar{background:var(--bg-subtle);border-radius:var(--radius-md);padding:var(--space-4);margin:0 0 var(--space-5)}.entry-bar label{font-size:12px}.entry-bar input,.entry-bar select{min-height:40px;font-size:14px}.data-table.ledger th,.data-table.ledger td{padding:var(--space-2) var(--space-2)}.data-table.ledger td{font-variant-numeric:tabular-nums}.op-status{align-items:center;gap:var(--space-1);font-size:13px;font-weight:500;display:inline-flex}.op-status:before{content:"";background:currentColor;border-radius:999px;width:7px;height:7px}.op-status-pendiente{color:var(--warning)}.op-status-aprobada{color:var(--success)}.op-status-rechazada{color:var(--danger)}.op-status-abierta{color:var(--success)}.op-status-cerrada,.op-status-preparada{color:var(--text)}.op-status-confirmada{color:var(--info)}.op-status-pagada{color:var(--success)}.op-status-cancelada{color:var(--danger)}.op-status-vigente{color:var(--success)}.op-status-anulado,.op-status-sin_cuenta{color:var(--text)}.op-status-activo{color:var(--success)}.op-status-inactivo{color:var(--text)}@media (width<=767px){.split-layout-panel{flex-basis:100%}}@media (width>=768px){.sidebar-rail{display:flex}.layout-topbar-mobile,.bottom-tab-bar{display:none}}