:root{--space-unit:8px;--space-1:calc(var(--space-unit)*1);--space-2:calc(var(--space-unit)*2);--space-3:calc(var(--space-unit)*3);--space-4:calc(var(--space-unit)*4);--space-5:calc(var(--space-unit)*5);--space-6:calc(var(--space-unit)*6);--ink:#1a1a24;--ink-secondary:#4a4a5a;--ink-tertiary:#6b7280;--ink-muted:#9ca3af;--canvas:#e8ecf4;--canvas-brand-tint:#1d2d5b12;--surface-1:#fff;--surface-2:#fffffff5;--surface-3:#fffffffa;--surface-inset:#e4e8f2;--surface-brand-subtle:#1d2d5b0f;--surface-accent-subtle:#e2313714;--brand-deep:#141e3d;--brand-soft:#2a3f72;--border:#00000014;--border-subtle:#0000000d;--border-strong:#0000001f;--border-focus:#1d2d5b80;--brand:#1d2d5b;--brand-hover:#253a6e;--brand-accent:#e23137;--brand-muted:#1d2d5b14;--brand-ink:#fff;--success:#15803d;--success-bg:#f0fdf4;--destructive:#b91c1c;--destructive-bg:#fef2f2;--warning:#b45309;--warning-bg:#fffbeb;--control-bg:#f8f9fc;--control-border:var(--border-strong);--control-focus:var(--brand);--focus-ring:0 0 0 2px var(--border-focus);--font-sans:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #0000000f;--shadow-brand:0 2px 8px #1d2d5b14;--shadow-accent:0 2px 8px #e231371f;--ease-out:cubic-bezier(.25,.46,.45,.94);--duration-fast:.15s;--duration-normal:.2s}@media (prefers-color-scheme:dark){:root.auto-dark,:root[data-theme=dark]{--ink:#f4f4f8;--ink-secondary:#c4c4d0;--ink-tertiary:#9ca3af;--ink-muted:#6b7280;--canvas:#16161c;--surface-1:#1c1c24;--surface-2:#1c1c24f2;--surface-3:#242430fa;--surface-inset:#22222c;--border:#ffffff14;--border-subtle:#ffffff0d;--border-strong:#ffffff1f;--control-bg:#22222c;--control-border:#ffffff1f;--success-bg:#15803d26;--destructive-bg:#b91c1c26}}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--font-sans);font-weight:var(--weight-normal);color:var(--ink);background-color:var(--canvas);line-height:1.5}#root{text-align:left}a{color:var(--brand);font-weight:var(--weight-medium);transition:color var(--duration-fast)var(--ease-out);text-decoration:none}a:hover{color:var(--brand-hover)}h1,h2,h3,h4{font-family:var(--font-sans);font-weight:var(--weight-bold);letter-spacing:-.02em;color:var(--ink);margin:0}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-base)}.app-table{border-collapse:collapse;background-color:var(--surface-1);width:100%;font-size:var(--text-sm);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-brand);overflow:hidden}.app-table th{background:linear-gradient(180deg,var(--brand-soft)0%,var(--brand)100%);color:var(--brand-ink);font-weight:var(--weight-semibold);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;padding:var(--space-2)var(--space-3);border-bottom:2px solid var(--brand-accent);text-align:left}.app-table thead tr:first-child th{background:linear-gradient(180deg,var(--brand-soft)0%,var(--brand)100%);box-shadow:0 1px 0 var(--brand-accent);background-clip:padding-box;position:sticky;top:0;z-index:3!important}.app-table-filter-row th,.app-table-filter-cell{color:var(--ink);font-weight:var(--weight-normal);font-size:var(--text-xs);letter-spacing:normal;text-transform:none;vertical-align:middle;top:var(--app-table-head-h,48px);z-index:2;background-clip:padding-box;border-bottom:1px solid #1d2d5b1f;padding:6px 8px;position:sticky;background:#eef1f7!important}.app-table-filter-input{box-sizing:border-box;width:100%;min-width:0;font-size:var(--text-xs);background:var(--surface-1);border-color:#1d2d5b2e;padding:4px 8px!important}.app-table-filter-input:focus{border-color:var(--brand);box-shadow:0 0 0 2px #1d2d5b26}.app-table-filter-spacer{height:28px;display:block}.app-searchable-filter{align-items:center;gap:2px;width:100%;min-width:0;display:flex;position:relative}.app-searchable-filter__trigger{border-radius:var(--radius-sm);background:var(--surface-1);min-width:0;color:var(--ink);font-family:var(--font-sans);font-size:var(--text-xs);cursor:pointer;text-align:left;border:1px solid #1d2d5b2e;flex:1;align-items:center;gap:4px;padding:4px 8px;display:flex}.app-searchable-filter--active .app-searchable-filter__trigger{border-color:var(--brand);background:#1d2d5b0a}.app-searchable-filter__trigger:hover,.app-searchable-filter--open .app-searchable-filter__trigger{border-color:var(--brand)}.app-searchable-filter__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);flex:1;overflow:hidden}.app-searchable-filter:not(.app-searchable-filter--active) .app-searchable-filter__value{color:var(--ink-muted)}.app-searchable-filter__chevron{color:var(--ink-tertiary);flex-shrink:0;font-size:10px;line-height:1}.app-searchable-filter__clear{border-radius:var(--radius-sm);background:var(--surface-1);width:22px;height:22px;color:var(--ink-secondary);cursor:pointer;border:1px solid #1d2d5b24;flex-shrink:0;padding:0;font-size:14px;line-height:1}.app-searchable-filter__clear:hover{background:var(--brand-muted);color:var(--brand)}.app-searchable-filter__panel{z-index:40;background:var(--surface-1);border-radius:var(--radius-sm);box-sizing:border-box;border:1px solid #1d2d5b29;flex-direction:column;gap:6px;min-width:180px;padding:8px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #1d2d5b2e}.app-searchable-filter__panel--portal{min-width:220px;position:fixed;right:auto}.app-searchable-filter__search{box-sizing:border-box;width:100%;font-size:var(--text-sm);flex-shrink:0;padding:6px 10px!important}.app-searchable-filter__list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:2px;min-height:0;max-height:none;padding-right:2px;display:flex;overflow:hidden auto}.app-searchable-filter__option{width:100%;min-height:32px;color:var(--ink);font-family:var(--font-sans);font-size:var(--text-sm);text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:8px 10px;line-height:1.35;overflow:hidden}.app-searchable-filter__option:hover{background:var(--brand-muted);color:var(--brand)}.app-searchable-filter__option--selected{color:var(--brand);font-weight:var(--weight-semibold);background:#1d2d5b1a}.app-searchable-filter__empty{font-size:var(--text-sm);color:var(--ink-tertiary);text-align:center;padding:10px 8px;line-height:1.35}.app-table td{padding:var(--space-2)var(--space-3);border-bottom:1px solid var(--border-subtle);color:var(--ink);vertical-align:top}.app-table tbody tr:hover{background-color:var(--surface-brand-subtle)}.app-table tbody tr:last-child td{border-bottom:none}.app-btn{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast)var(--ease-out),border-color var(--duration-fast)var(--ease-out),color var(--duration-fast)var(--ease-out),box-shadow var(--duration-fast)var(--ease-out);border:1px solid #0000}.app-btn:active{transform:translateY(1px)}.app-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.app-btn:disabled{cursor:not-allowed;opacity:.7}.app-btn-primary{background-color:var(--brand);color:var(--brand-ink);border-color:var(--brand);box-shadow:0 1px 2px #1d2d5b33}.app-btn-primary:hover:not(:disabled){background-color:var(--brand-hover);border-color:var(--brand-hover);box-shadow:0 2px 6px #1d2d5b40}.app-btn-accent{background-color:var(--brand-accent);color:#fff;border-color:var(--brand-accent);box-shadow:0 1px 2px #e2313740}.app-btn-accent:hover:not(:disabled){filter:brightness(1.06);box-shadow:var(--shadow-accent)}.app-btn-secondary{background-color:var(--surface-inset);color:var(--brand);border-color:#1d2d5b29}.app-btn-secondary:hover:not(:disabled){background-color:var(--brand-muted);border-color:#1d2d5b47}.app-btn-success{background-color:var(--success);color:#fff;border-color:var(--success);font-weight:var(--weight-semibold)}.app-btn-success:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 2px 8px #15803d2e}.app-btn-danger{background-color:var(--destructive-bg);color:var(--destructive);border-color:#b91c1c4d}.app-btn-danger:hover:not(:disabled){background-color:#b91c1c1f}.app-input{width:100%;padding:var(--space-2)var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--ink);background-color:var(--control-bg);border:1px solid var(--control-border);border-radius:var(--radius-sm);transition:border-color var(--duration-fast)var(--ease-out),box-shadow var(--duration-fast)var(--ease-out);outline:none}.app-input::placeholder{color:var(--ink-muted)}.app-input:hover:not(:disabled){border-color:var(--border-strong)}.app-input:focus{border-color:var(--control-focus);box-shadow:var(--focus-ring)}.app-input:disabled{opacity:.7;cursor:not-allowed}.app-select{padding:var(--space-1)var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--ink);background-color:var(--control-bg);border:1px solid var(--control-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--duration-fast)var(--ease-out);outline:none}.app-select:focus{border-color:var(--control-focus);box-shadow:var(--focus-ring)}.app-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--ink-secondary);margin-bottom:var(--space-1);display:block}.app-message-error{padding:var(--space-2)var(--space-3);background-color:var(--destructive-bg);border-radius:var(--radius-sm);color:var(--destructive);font-size:var(--text-sm);border:1px solid #b91c1c40}.app-message-success{padding:var(--space-2)var(--space-3);background-color:var(--success-bg);border-radius:var(--radius-sm);color:var(--success);font-size:var(--text-sm);border:1px solid #15803d33}.app-card{background-color:var(--surface-1);border:1px solid #1d2d5b1a;border-top:3px solid var(--brand);border-radius:var(--radius-md);box-shadow:var(--shadow-brand);overflow:hidden}.app-card-header{padding:var(--space-2)var(--space-3);font-weight:var(--weight-semibold);color:var(--brand-ink);background:linear-gradient(135deg,var(--brand)0%,var(--brand-soft)100%);border-bottom:1px solid #1d2d5b14}.app-card-body{padding:var(--space-3)}.app-section-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--brand);margin:0 0 var(--space-3);padding-left:var(--space-2);border-left:4px solid var(--brand-accent);letter-spacing:-.02em}.app-page-wrap{background:var(--surface-1);border-radius:var(--radius-md);box-shadow:var(--shadow-brand);padding:var(--space-3);border:1px solid #1d2d5b1a;max-width:100%;position:relative}.app-page-wrap:before{content:"";border-radius:var(--radius-md)var(--radius-md)0 0;background:linear-gradient(90deg,var(--brand)0%,var(--brand-accent)100%);height:3px;position:absolute;top:0;left:0;right:0}@keyframes app-spin{to{transform:rotate(360deg)}}@keyframes app-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes app-bar{0%{left:-40%}to{left:100%}}.app-loader-overlay{z-index:20;justify-content:center;align-items:center;gap:var(--space-2);background:color-mix(in srgb,var(--surface-1)70%,transparent);-webkit-backdrop-filter:blur(2px);border-radius:inherit;flex-direction:column;display:flex;position:absolute;inset:0}.app-spinner{border:5px solid var(--brand-muted);border-top-color:var(--brand);border-right-color:var(--brand-accent);border-radius:50%;width:56px;height:56px;animation:.8s linear infinite app-spin}.app-loader-text{font-weight:var(--weight-semibold);color:var(--brand);letter-spacing:.02em;margin:0;animation:1.4s ease-in-out infinite app-pulse}.app-loader-track{background:var(--brand-muted);border-radius:999px;width:180px;max-width:60%;height:4px;position:relative;overflow:hidden}.app-loader-track:before{content:"";background:var(--brand-accent);border-radius:999px;width:40%;animation:1.1s ease-in-out infinite app-bar;position:absolute;top:0;bottom:0}.dashboard-layout{background:radial-gradient(ellipse 80% 50% at 100% 0%,#e231370f 0%,transparent 55%),radial-gradient(ellipse 70% 60% at 0% 100%,#1d2d5b14 0%,transparent 50%),var(--canvas)}.dashboard-sidebar{background:linear-gradient(180deg,var(--brand)0%,var(--brand-deep)100%);color:#ffffffe0;border-right:1px solid #ffffff14;position:sticky;top:0;box-shadow:4px 0 24px #1d2d5b2e}.dashboard-sidebar--closed{display:none!important}.dashboard-sidebar-backdrop{z-index:35;cursor:pointer;background:#141e3d73;border:none;margin:0;padding:0;position:fixed;inset:0}@media (max-width:767px){.dashboard-layout--mobile .dashboard-sidebar{z-index:40;max-width:100%;height:100vh;transition:transform var(--duration-normal)var(--ease-out);position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);width:100%!important;display:flex!important}.dashboard-layout--mobile .dashboard-sidebar--open{transform:translate(0)}.dashboard-layout--mobile .dashboard-sidebar--closed{pointer-events:none;display:flex!important}.dashboard-header__title{font-size:var(--text-base);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dashboard-header__user-meta{display:none}}.dashboard-logo-bar{border-bottom:3px solid var(--brand-accent);background:#fff}.dashboard-sidebar__nav-btn{text-align:left;width:100%;font-family:var(--font-sans);border-radius:0 var(--radius-md)var(--radius-md)0;cursor:pointer;color:#ffffffd1;transition:background-color var(--duration-fast)var(--ease-out),color var(--duration-fast)var(--ease-out),border-left-color var(--duration-fast)var(--ease-out);background:0 0;border:none;border-left:3px solid #0000}.dashboard-sidebar__nav-btn:hover{color:#fff;background:#ffffff14}.dashboard-sidebar__nav-btn--active{color:#fff;border-left-color:var(--brand-accent);font-weight:var(--weight-semibold);background:#ffffff1f}.dashboard-sidebar__nav-btn--active:hover{background:#ffffff29}.dashboard-sidebar__footer{background:#0000001f;border-top:1px solid #ffffff1f}.dashboard-sidebar__footer .app-btn-secondary{color:#fff;background:#ffffff1a;border-color:#ffffff38}.dashboard-sidebar__footer .app-btn-secondary:hover:not(:disabled){border-color:var(--brand-accent);color:#fff;background:#e23137e6}.dashboard-header{background:linear-gradient(90deg,var(--brand)0%,var(--brand-soft)72%,#32487a 100%);border-bottom:3px solid var(--brand-accent);color:var(--brand-ink);box-shadow:0 2px 12px #1d2d5b38}.dashboard-header__menu-btn{cursor:pointer;color:#fff;padding:var(--space-1);border-radius:var(--radius-sm);transition:background-color var(--duration-fast)var(--ease-out);background:#ffffff14;border:1px solid #ffffff24;align-items:center;display:flex}.dashboard-header__menu-btn:hover{background:#ffffff29}.dashboard-header__title{color:#fff;font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.02em;margin:0}.dashboard-header__user-name{color:#fff;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.dashboard-header__user-role{color:#ffffffb3;font-size:var(--text-xs)}.dashboard-header__avatar{background:var(--brand-accent);color:#fff;width:40px;height:40px;font-weight:var(--weight-bold);font-size:var(--text-sm);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 2px #ffffff40}.dashboard-content{background-image:linear-gradient(#1d2d5b14 0%,#0000 140px),radial-gradient(50% 30% at 90% 0,#e231370d 0%,#0000 60%)}.filters-accordion{flex-shrink:0;min-width:0}.filters-accordion__toggle{justify-content:space-between;align-items:center;gap:var(--space-2);border:1px solid #1d2d5b1f;border-left:3px solid var(--brand-accent);border-radius:var(--radius-md);width:100%;color:var(--brand);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;background:linear-gradient(135deg,#1d2d5b14 0%,#e231370f 100%);padding:10px 14px;display:none}.filters-accordion__chevron{color:var(--ink-tertiary);font-size:12px;line-height:1}.filters-accordion__panel{min-width:0}@media (max-width:767px){.filters-accordion__toggle{display:flex}.filters-accordion:not(.filters-accordion--open) .filters-accordion__panel{display:none}.filters-accordion--open .filters-accordion__toggle{border-radius:var(--radius-md)var(--radius-md)0 0;border-bottom-color:#0000}.filters-accordion--open .filters-accordion__panel .bitacora-toolbar,.filters-accordion--open .filters-accordion__panel .filters-accordion__toolbar{border-top-left-radius:0;border-top-right-radius:0}}.bitacora-page{container:bitacora-page/inline-size}.bitacora-toolbar{gap:var(--space-2);width:100%;padding:var(--space-2);border:1px solid #1d2d5b1a;border-left:3px solid var(--brand);border-radius:var(--radius-md);box-sizing:border-box;background:linear-gradient(135deg,#1d2d5b12 0%,#e231370d 100%);flex-shrink:0;grid-template-columns:1fr 1fr;grid-template-areas:"search search""from to""status status""actions actions";align-items:end;display:grid}.bitacora-toolbar__field{flex-direction:column;gap:3px;min-width:0;display:flex}.bitacora-toolbar__field--search{grid-area:search}.bitacora-toolbar__field--from{grid-area:from}.bitacora-toolbar__field--to{grid-area:to}.bitacora-toolbar__field--status{grid-area:status}.bitacora-toolbar__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--ink-tertiary);white-space:nowrap;line-height:1.2}.bitacora-toolbar__control{width:100%;font-size:var(--text-sm);box-sizing:border-box;min-width:0;padding:6px 8px}.bitacora-toolbar__actions{gap:var(--space-2);grid-area:actions;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;min-width:0;display:grid}.bitacora-toolbar__actions .app-btn{white-space:nowrap;text-overflow:ellipsis;width:100%;min-width:0;padding:6px 8px;overflow:hidden}@container bitacora-page (width>=560px){.bitacora-toolbar{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);grid-template-areas:"search search search""from to status""actions actions actions"}.bitacora-toolbar__actions{grid-template-columns:repeat(3,auto);justify-content:flex-end;width:auto;margin-left:auto}.bitacora-toolbar__actions .app-btn{width:auto;padding:var(--space-1)var(--space-2)}}@container bitacora-page (width>=900px){.bitacora-toolbar:not(.bitacora-toolbar--compact){grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr) auto;grid-template-areas:"search from to status actions"}.bitacora-toolbar:not(.bitacora-toolbar--compact) .bitacora-toolbar__actions{align-self:end}}@container bitacora-page (width>=1040px){.bitacora-toolbar--compact{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto;grid-template-areas:"search from to status actions"}.bitacora-toolbar--compact .bitacora-toolbar__actions{grid-template-columns:repeat(3,auto);justify-content:flex-end;width:auto;margin-left:auto}}@media (max-width:767px){.bitacora-toolbar{grid-template-columns:1fr;grid-template-areas:"search""from""to""status""actions"}}@media (min-width:768px) and (max-width:1023px){.bitacora-toolbar{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);grid-template-areas:"search search search""from to status""actions actions actions"}.bitacora-toolbar__actions{grid-template-columns:repeat(3,auto);justify-content:flex-end;width:auto;margin-left:auto}.bitacora-toolbar__actions .app-btn{width:auto}}@media (min-width:1024px){.bitacora-toolbar:not(.bitacora-toolbar--compact){grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr) auto;grid-template-areas:"search from to status actions"}.bitacora-toolbar:not(.bitacora-toolbar--compact) .bitacora-toolbar__actions{grid-template-columns:repeat(3,auto);justify-content:flex-end;width:auto;margin-left:auto}}.bitacora-toolbar--compact{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);grid-template-areas:"search search search""from to status""actions actions actions"}.bitacora-toolbar--compact .bitacora-toolbar__actions{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;width:100%;margin-left:0}@media (min-width:1280px){.bitacora-toolbar--compact{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto;grid-template-areas:"search from to status actions"}.bitacora-toolbar--compact .bitacora-toolbar__actions{grid-template-columns:repeat(3,auto);justify-content:flex-end;width:auto;margin-left:auto}.bitacora-toolbar--compact .bitacora-toolbar__actions .app-btn{width:auto}}.bitacora-toolbar.bitacora-toolbar--inventario{align-items:flex-end;gap:var(--space-2);flex-wrap:nowrap;display:flex}.bitacora-toolbar.bitacora-toolbar--inventario .bitacora-toolbar__field,.bitacora-toolbar.bitacora-toolbar--inventario .bitacora-toolbar__actions{grid-area:unset}.bitacora-toolbar.bitacora-toolbar--inventario .bitacora-toolbar__field--search{flex:1.4 1 0;min-width:120px}.bitacora-toolbar.bitacora-toolbar--inventario .bitacora-toolbar__field--codigo,.bitacora-toolbar.bitacora-toolbar--inventario .bitacora-toolbar__field--lote{flex:1 1 0;min-width:90px}.bitacora-toolbar.bitacora-toolbar--inventario .bitacora-toolbar__field--status{flex:0 0 110px;min-width:90px}.bitacora-toolbar.bitacora-toolbar--inventario .bitacora-toolbar__actions{gap:var(--space-2);flex-wrap:nowrap;flex:none;width:auto;margin-left:auto;display:flex}.bitacora-toolbar.bitacora-toolbar--inventario .bitacora-toolbar__actions .app-btn{width:auto;padding:var(--space-1)var(--space-2);white-space:nowrap}@media (max-width:900px){.bitacora-toolbar.bitacora-toolbar--inventario{flex-wrap:wrap}.bitacora-toolbar.bitacora-toolbar--inventario .bitacora-toolbar__field--search{flex:100%}.bitacora-toolbar.bitacora-toolbar--inventario .bitacora-toolbar__field--codigo,.bitacora-toolbar.bitacora-toolbar--inventario .bitacora-toolbar__field--lote,.bitacora-toolbar.bitacora-toolbar--inventario .bitacora-toolbar__field--status{flex:1 1 calc(33.333% - var(--space-2))}.bitacora-toolbar.bitacora-toolbar--inventario .bitacora-toolbar__actions{flex:100%;justify-content:flex-end;margin-left:0}}.app-table-toolbar{align-items:center;gap:var(--space-2);width:100%;min-width:0;padding:var(--space-2);background:linear-gradient(180deg,var(--surface-brand-subtle)0%,#1d2d5b05 100%);border-radius:var(--radius-md);box-sizing:border-box;border:1px solid #1d2d5b14;flex-shrink:0;display:flex}.app-table-toolbar__search{flex:auto;min-width:0}.app-table-toolbar__search .app-input{box-sizing:border-box;width:100%;padding:6px 10px}.app-table-toolbar__actions{align-items:center;gap:var(--space-2);flex-shrink:0;margin-left:auto;display:flex}.app-table-toolbar__actions .app-btn{padding:var(--space-1)var(--space-2);white-space:nowrap}@container bitacora-page (width<=640px){.app-table-toolbar{flex-wrap:wrap}.app-table-toolbar__search{flex:100%}.app-table-toolbar__actions{flex:100%;grid-template-columns:repeat(3,minmax(0,1fr));margin-left:0;display:grid}.app-table-toolbar__actions .app-btn{width:100%;min-width:0}}.app-table-toolbar--compact{flex-wrap:wrap}.app-table-toolbar--compact .app-table-toolbar__search{flex:100%}.app-table-toolbar--compact .app-table-toolbar__actions{flex:100%;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-left:0;display:grid}.app-table-toolbar--compact .app-table-toolbar__actions .app-btn{width:100%;min-width:0}@media (max-width:640px){.app-table-toolbar{flex-wrap:wrap}.app-table-toolbar__search{flex:100%}.app-table-toolbar__actions{flex:100%;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-left:0;display:grid}.app-table-toolbar__actions .app-btn{width:100%}}@media (min-width:641px){.app-table-toolbar:not(.app-table-toolbar--compact) .app-table-toolbar__actions{width:auto;margin-left:auto;display:flex}}@keyframes bitacora-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes bitacora-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes bitacora-fade-out{0%{opacity:1}to{opacity:0}}@keyframes bitacora-hero-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dashboard-main{background:var(--canvas);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex;position:relative;overflow:hidden}.dashboard-main__primary{flex-direction:column;flex:1;min-width:0;min-height:0;transition:flex .55s cubic-bezier(.22,1,.36,1),width .55s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden}.bitacora-table-scroll{border:1px solid var(--border);border-radius:var(--radius-md);min-height:0;box-shadow:var(--shadow-brand);flex:1;position:relative;overflow:auto}.dashboard-main .bitacora-backdrop{z-index:50;cursor:pointer;-webkit-backdrop-filter:blur(2px);background:#0f0c1e6b;border:none;margin:0;padding:0;animation:.45s cubic-bezier(.22,1,.36,1) both bitacora-fade-in;position:absolute;inset:0}@keyframes bitacora-fade-in{0%{opacity:0}to{opacity:1}}.dashboard-main .bitacora-backdrop.bitacora-backdrop--closing{pointer-events:none;animation:.55s cubic-bezier(.4,0,.2,1) both bitacora-fade-out}.dashboard-main .bitacora-panel.bitacora-panel--closing{pointer-events:none;animation:.55s cubic-bezier(.4,0,.2,1) both bitacora-slide-out!important}.dashboard-main .bitacora-panel{z-index:51;will-change:transform,opacity;background:linear-gradient(#fff 0%,#f3f5fa 48%,#eef1f7 100%);border-left:1px solid #1d2d5b1f;flex-direction:column;width:min(420px,42%);min-height:0;animation:.55s cubic-bezier(.22,1,.36,1) both bitacora-slide-in;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-12px 0 40px #1d2d5b29}.dashboard-main .bitacora-panel.bitacora-panel--wide{width:min(480px,45%)}.dashboard-main--detail-open{overflow:hidden}@media (min-width:768px){.dashboard-main.dashboard-main--detail-open{flex-direction:row;align-items:stretch}.dashboard-main.dashboard-main--detail-open .dashboard-main__primary{flex:1 1 0;width:0;min-width:0}.dashboard-main.dashboard-main--detail-open .bitacora-backdrop{display:none}.dashboard-main.dashboard-main--detail-open .bitacora-panel{z-index:auto;flex:0 0 420px;align-self:stretch;width:420px;min-width:320px;max-width:42%;height:auto;animation:.55s cubic-bezier(.22,1,.36,1) both bitacora-slide-in;position:relative;top:auto;bottom:auto;right:auto}.dashboard-main.dashboard-main--detail-open .bitacora-panel.bitacora-panel--wide{flex:0 0 480px;width:480px;max-width:45%}}@media (max-width:767px){.dashboard-main--detail-open .dashboard-content{overflow:hidden}.dashboard-main .bitacora-panel,.dashboard-main .bitacora-panel.bitacora-panel--wide{min-width:0;box-shadow:none;border-left:none;left:0;right:0;width:100%!important;max-width:100%!important}.orden-detalle-modal{align-items:stretch;padding:0}.orden-detalle-modal__panel{width:100%;max-width:100%;height:100%;max-height:100%;padding:var(--space-2);border-radius:0}}.bitacora-panel__hero{border-bottom:3px solid var(--brand-accent);background:linear-gradient(135deg,var(--brand)0%,var(--brand-soft)100%);color:var(--brand-ink);flex-shrink:0;animation:.45s cubic-bezier(.22,1,.36,1) 40ms both bitacora-hero-in}.bitacora-panel--closing .bitacora-panel__hero{animation:none}.bitacora-panel__top{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:10px 14px 8px;display:flex}.bitacora-panel__title-block{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.bitacora-panel__order-line{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.bitacora-panel__order-value{font-size:1.35rem;font-weight:var(--weight-bold);letter-spacing:-.02em;color:#fff;line-height:1.2}.bitacora-panel__order-meta{font-size:var(--text-xs);font-weight:var(--weight-medium);color:#ffffffb8;white-space:nowrap}.bitacora-panel__hero-foot{flex-direction:column;gap:8px;padding:2px 14px 12px;display:flex}.bitacora-panel__eyebrow{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:#ffffffbf;opacity:1}.bitacora-panel__toolbar-actions{align-items:center;gap:var(--space-2);display:flex}.bitacora-panel__nav{box-shadow:none;background:#fff3;border:1px solid #fff6;border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex}.bitacora-panel__nav-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:background .2s,color .2s,transform .15s;display:flex}.bitacora-panel__nav-btn:hover:not(:disabled){background:#ffffff47;transform:scale(1.04)}.bitacora-panel__nav-btn:disabled{opacity:.28;cursor:not-allowed}.bitacora-panel__position{font-size:var(--text-xs);font-weight:var(--weight-medium);color:#ffffffbf;text-align:center;-webkit-user-select:none;user-select:none;min-width:4rem;padding:0 4px}.bitacora-panel__position strong{font-size:var(--text-sm);font-weight:var(--weight-bold);color:#fff}.bitacora-panel__position-sep{color:#ffffff73;margin:0 3px}.bitacora-panel__close{color:#fff;cursor:pointer;width:32px;height:32px;box-shadow:none;background:#ffffff38;border:1px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s,border-color .2s,transform .15s;display:flex}.bitacora-panel__close:hover{color:#fff;background:#ffffff57;border-color:#fff9;transform:scale(1.04)}.bitacora-panel__customer{font-size:var(--text-sm);font-weight:var(--weight-medium);color:#ffffffe0;white-space:nowrap;text-overflow:ellipsis;margin:0;line-height:1.4;overflow:hidden}.bitacora-panel__chips{flex-wrap:wrap;gap:6px;display:flex}.bitacora-panel__chip{font-size:var(--text-xs);color:#fff;font-weight:var(--weight-medium);background:#ffffff2e;border:1px solid #ffffff59;border-radius:999px;padding:4px 10px}.bitacora-panel__chip--accent{color:#fff;background:#e23137d9;border-color:#fff3}.bitacora-panel__body{min-height:0;padding:var(--space-3);flex:1;position:relative;overflow:auto}.bitacora-panel__message,.bitacora-panel__empty{font-size:var(--text-sm);color:var(--ink-tertiary);margin:0}.bitacora-timeline{flex-direction:column;gap:0;margin:0;padding:0 0 0 4px;list-style:none;display:flex}.bitacora-timeline__item{gap:var(--space-2);padding-bottom:var(--space-3);grid-template-columns:16px 1fr;display:grid;position:relative}.bitacora-timeline__item:not(:last-child):before{content:"";background:linear-gradient(180deg,var(--brand-accent)0%,var(--border)100%);opacity:.55;width:2px;position:absolute;top:14px;bottom:0;left:7px}.bitacora-timeline__dot{background:var(--surface-1);border:2px solid var(--brand-accent);z-index:1;border-radius:50%;width:14px;height:14px;margin-top:4px}.bitacora-timeline__card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-2);box-shadow:var(--shadow-sm)}.bitacora-timeline__head{justify-content:space-between;align-items:center;gap:var(--space-1);flex-wrap:wrap;margin-bottom:6px;display:flex}.bitacora-timeline__badge{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.04em;border-radius:var(--radius-sm);text-transform:uppercase;padding:4px 10px}.bitacora-timeline__time{font-size:var(--text-xs);color:var(--ink-tertiary);white-space:nowrap}.bitacora-timeline__comment{font-size:var(--text-sm);color:var(--ink);margin:0 0 4px;line-height:1.45}.bitacora-timeline__location{font-size:var(--text-xs);color:var(--ink-secondary);margin:0;line-height:1.4}.bitacora-timeline__carta-btn{border-radius:var(--radius-sm);background:var(--brand-accent);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-semibold);transition:filter var(--duration-fast)var(--ease-out),box-shadow var(--duration-fast)var(--ease-out);justify-content:center;align-items:center;margin-top:8px;padding:6px 12px;text-decoration:none;display:inline-flex;box-shadow:0 1px 2px #e2313740}.bitacora-timeline__carta-btn:hover{filter:brightness(1.06);box-shadow:var(--shadow-accent);color:#fff}.bitacora-timeline__evidencias{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.bitacora-timeline__evidencia-btn{border-radius:var(--radius-sm);background:var(--brand);color:#fff;max-width:100%;font-size:var(--text-xs);font-weight:var(--weight-semibold);transition:filter var(--duration-fast)var(--ease-out),box-shadow var(--duration-fast)var(--ease-out);justify-content:center;align-items:center;padding:6px 12px;line-height:1.3;text-decoration:none;display:inline-flex;box-shadow:0 1px 2px #1d2d5b33}.bitacora-timeline__evidencia-btn:hover{filter:brightness(1.08);color:#fff;box-shadow:0 2px 6px #1d2d5b40}.app-table tbody tr.bitacora-row--clickable{cursor:pointer;transition:background-color .12s}.app-table tbody tr.bitacora-row--clickable:hover{background:var(--brand-muted)}.app-table tbody tr.bitacora-row--selected{background:var(--surface-accent-subtle);box-shadow:inset 3px 0 0 var(--brand-accent)}.bitacora-panel__action-btn{color:#fff;height:30px;font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;box-shadow:none;background:#ffffff1f;border:1px solid #ffffff47;border-radius:999px;padding:0 12px;transition:background .2s,color .2s}.bitacora-panel__action-btn:hover:not(:disabled){background:#ffffff38}.bitacora-panel__action-btn:disabled{opacity:.5;cursor:not-allowed}.bitacora-panel--ordenes .ordenes-panel__top{align-items:center;padding-bottom:4px}.bitacora-panel--ordenes .ordenes-panel__identity{flex-wrap:wrap;align-items:flex-start;gap:16px 24px;padding:0 14px 8px;display:flex}.ordenes-panel__id-field{flex-direction:column;gap:2px;min-width:0;display:flex}.ordenes-panel__id-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:#ffffffb3}.ordenes-panel__id-value{font-size:1.35rem;font-weight:var(--weight-bold);letter-spacing:-.02em;color:#fff;line-height:1.2}.bitacora-panel--ordenes .ordenes-panel__meta{flex-flow:wrap;align-items:center;gap:8px;padding-top:0}.bitacora-panel--ordenes .ordenes-panel__meta .bitacora-panel__customer{flex:none;max-width:100%}.bitacora-panel--ordenes .ordenes-panel__meta .bitacora-panel__chips{flex:auto;min-width:0}.ordenes-panel__actions{padding:2px 14px 12px}.ordenes-panel__detalle-btn{border-radius:var(--radius-sm);width:100%;min-height:42px;color:var(--brand);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:background-color var(--duration-fast)var(--ease-out),transform var(--duration-fast)var(--ease-out),box-shadow var(--duration-fast)var(--ease-out);background:#fff;border:1px solid #ffffff8c;justify-content:center;align-items:center;gap:8px;padding:10px 16px;display:inline-flex;box-shadow:0 2px 8px #0000002e}.ordenes-panel__detalle-btn:hover:not(:disabled){background:#f3f5fa;box-shadow:0 3px 10px #00000038}.ordenes-panel__detalle-btn:active:not(:disabled){transform:translateY(1px)}.ordenes-panel__detalle-btn:disabled{opacity:.6;cursor:not-allowed}.orden-detalle-modal{z-index:100;padding:var(--space-2);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.orden-detalle-modal__backdrop{cursor:pointer;background:#00000073;border:none;position:absolute;inset:0}.orden-detalle-modal__panel{z-index:1;gap:var(--space-2);width:min(1200px,96vw);max-height:90vh;padding:var(--space-3);background:var(--surface-1);border-radius:var(--radius-md);border-top:3px solid var(--brand-accent);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #1d2d5b47}.orden-detalle-modal__header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin:calc(var(--space-3)*-1)calc(var(--space-3)*-1)0;padding:var(--space-3);background:linear-gradient(90deg,var(--brand)0%,var(--brand-soft)100%);color:var(--brand-ink);flex-shrink:0;display:flex}.orden-detalle-modal__title{font-size:var(--text-lg);color:#fff;margin:0}.orden-detalle-modal__subtitle{font-size:var(--text-sm);color:#ffffffbf;margin:4px 0 0}.orden-detalle-modal__header .app-btn-secondary{color:#fff;background:#fff3;border-color:#ffffff73}.orden-detalle-modal__header .app-btn-secondary:hover:not(:disabled){color:#fff;background:#ffffff52;border-color:#fff9}.orden-detalle-modal__error{flex-shrink:0;margin:0}.orden-detalle-modal__toolbar{align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--surface-brand-subtle);border-radius:var(--radius-sm);border:1px solid #1d2d5b14;flex-shrink:0;display:flex}.orden-detalle-modal__toolbar .app-input{box-sizing:border-box;flex:1;min-width:0;padding:6px 10px}.orden-detalle-modal__toolbar .app-btn{white-space:nowrap;flex-shrink:0}.orden-detalle-modal__toolbar-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.orden-detalle-modal__table-wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex:1;min-height:0;position:relative;overflow:auto}.orden-detalle-modal__table{min-width:max-content;box-shadow:none;border-radius:0}.orden-detalle-modal__table thead th{z-index:2;background:linear-gradient(180deg,var(--brand-soft)0%,var(--brand)100%);color:var(--brand-ink);border-bottom:2px solid var(--brand-accent);position:sticky;top:0}.config-page{align-items:stretch;gap:var(--space-3);flex-direction:column;width:100%;display:flex}.config-card{background:var(--surface-1);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-3);border:1px solid #1d2d5b1a}.config-card--password{border-left:4px solid var(--brand-accent);background:linear-gradient(135deg,#1d2d5b0a 0%,transparent 42%),var(--surface-1);width:100%;max-width:520px;padding:18px 20px}.config-card__header{margin-bottom:14px}.config-card__header--row{justify-content:space-between;align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;display:flex}.config-card__title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--brand);letter-spacing:-.02em;margin:0}.config-card__subtitle{font-size:var(--text-sm);color:var(--ink-secondary);margin:4px 0 0;line-height:1.35}.config-form{gap:var(--space-2);display:grid}.config-form--password{grid-template-columns:1fr 1fr;align-items:end;gap:12px 14px}.config-form__field{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--ink-secondary);flex-direction:column;gap:6px;min-width:0;display:flex}.config-form__field--full{grid-column:1/-1}.config-form--password .app-input{box-sizing:border-box;width:100%;padding:8px 12px}.config-form__actions{justify-content:flex-end;margin-top:2px;display:flex}.config-form__actions .app-btn{min-width:180px}.config-form__fieldset{padding:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);margin:0}.config-form__fieldset legend{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--brand);padding:0 6px}@media (max-width:560px){.config-card--password{max-width:none}.config-form--password{grid-template-columns:1fr}.config-form__actions{justify-content:stretch}.config-form__actions .app-btn{width:100%;min-width:0}}.config-screens{flex-direction:column;gap:8px;display:flex}.config-screens__item{font-size:var(--text-sm);color:var(--ink);cursor:pointer;align-items:center;gap:8px;display:flex}.config-toolbar{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.config-toolbar .app-input{flex:1;min-width:200px}.config-temp-password{margin-bottom:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);background:var(--warning-bg);color:var(--warning);font-size:var(--text-sm);border:1px solid #b4530940}.config-table-wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);position:relative;overflow:auto}.config-table th,.config-table td{white-space:nowrap}.config-table__actions{gap:6px;display:flex}.config-screen-tags{white-space:normal;flex-wrap:wrap;gap:4px;max-width:260px;display:flex}.config-screen-tag{background:var(--brand-muted);color:var(--brand);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:999px;padding:2px 8px;display:inline-block}.config-pagination{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-sm);color:var(--ink-secondary);flex-wrap:wrap;display:flex}.config-pagination__nav{align-items:center;gap:var(--space-2);display:flex}.config-modal{z-index:120;padding:var(--space-3);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.config-modal__backdrop{cursor:pointer;background:#141e3d73;border:none;position:absolute;inset:0}.config-modal__panel{background:var(--surface-1);border-radius:var(--radius-md);width:100%;max-width:440px;max-height:90vh;padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex;position:relative;overflow:auto;box-shadow:0 16px 40px #1d2d5b47}.config-modal__panel h3{color:var(--brand);font-size:var(--text-lg);margin:0}.config-modal__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-1);display:flex}
