:root{--accent:#004694;--accent-dark:#002f75;--accent-title:#2957a4;--accent-light:#cbdeff;--accent-bg:#eef3fb;--accent-border:#0b5ab2;--green:#a8cf45;--danger:#c0392b;--text:#2b3f5c;--text-h:#002f75;--muted:#6b7f99;--bg:#fff;--bg-app:#f4f7fc;--bg-claro:#f9fbfe;--border:#c8d8ee;--border-soft:#eef3fb;--border-blue:var(--accent);--border-orange:#f90;--border-green:var(--green);--border-lightred:#d45858;--radius:10px;--shadow:0 1px 2px #002f750f, 0 6px 18px #002f750f;--topbar-h:64px;--sans:"Lato", system-ui, "Segoe UI", Roboto, sans-serif;--heading:var(--sans);--mono:ui-monospace, Consolas, monospace;--bs-body-font-family:var(--sans);--bs-body-color:var(--text);--bs-primary:#004694;--bs-primary-rgb:0, 70, 148;--bs-link-color:#004694;--bs-link-color-rgb:0, 70, 148;--bs-link-hover-color:#002f75;--bs-link-hover-color-rgb:0, 47, 117;--bs-border-color:var(--border);color:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=576px){:root{--topbar-h:56px}}body{background:var(--bg-app);font-family:var(--sans);margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--heading);color:var(--text-h)}.app-main{flex-direction:column;flex:1;display:flex}.container{text-align:left;max-width:1400px;padding:24px}@media (width<=576px){.container{padding:14px 12px 24px}}.Container-form{background:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.Container-header{border-top:3px solid var(--border-blue);border-bottom:1px solid var(--border-soft);padding:14px 16px}.Container-header h5{color:var(--text-h);margin:0;font-size:1rem;font-weight:900}.Container-header.header-orange{border-top-color:var(--border-orange)}.Container-header.header-green{border-top-color:var(--border-green)}.Container-content{padding:14px 16px}.etiqueta{background:var(--accent-bg);color:var(--accent-title);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.table{--bs-table-color:var(--text);--bs-table-striped-color:var(--text);--bs-table-striped-bg:var(--bg-claro);--bs-table-hover-bg:var(--bg-app);--bs-table-border-color:var(--border-soft)}.table>thead th{letter-spacing:.07em;text-transform:uppercase;color:#5b7fb5;background:var(--bg-claro);white-space:nowrap;font-size:11px;font-weight:900}.table>:not(caption)>*>*{padding:.7rem .75rem}.btn{--bs-btn-font-weight:700;--bs-btn-border-radius:8px}.btn-primary{--bs-btn-bg:var(--accent);--bs-btn-border-color:var(--accent);--bs-btn-hover-bg:var(--accent-dark);--bs-btn-hover-border-color:var(--accent-dark);--bs-btn-active-bg:var(--accent-dark);--bs-btn-active-border-color:var(--accent-dark);--bs-btn-disabled-bg:var(--accent);--bs-btn-disabled-border-color:var(--accent)}.btn-outline-primary{--bs-btn-color:var(--accent);--bs-btn-border-color:var(--accent);--bs-btn-hover-bg:var(--accent);--bs-btn-hover-border-color:var(--accent);--bs-btn-active-bg:var(--accent-dark);--bs-btn-active-border-color:var(--accent-dark);--bs-btn-disabled-color:var(--accent);--bs-btn-disabled-border-color:var(--accent)}.form-control,.form-select{border-color:var(--border);border-radius:8px}.form-control:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00469426}.input-group-text{background:var(--bg-claro);border-color:var(--border);color:var(--muted)}.modal-content{border-radius:var(--radius);border:0}.modal-title{color:var(--text-h);font-weight:900}.w-20{width:20%}.w-15{width:15%}.w-10{width:10%}.w-5{width:5%}@media (width<=576px){.xs-hide{display:none!important}}@media (width>=576px){.xs-show{display:none!important}}.sidebar-nav{z-index:1020;height:var(--topbar-h);background:var(--accent);color:#fff;align-items:center;gap:14px;padding:0 20px;display:flex;position:sticky;top:0}.sidebar-menu-button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;width:40px;height:40px;margin-left:-8px;font-size:1.3rem;display:grid}.sidebar-menu-button:hover{background:#ffffff1f}.sidebar-logo{flex:none;height:36px;display:block}.sidebar-title{color:#fff;letter-spacing:normal;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:1.1rem;font-weight:900;overflow:hidden}.sidebar-spacer{flex:1}.sidebar-chip{white-space:nowrap;background:#ffffff24;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;display:flex}.sidebar-avatar{background:var(--green);width:36px;height:36px;color:var(--accent-dark);border:0;border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:900;display:grid}button.sidebar-avatar{cursor:pointer}@media (width<=576px){.sidebar-nav{gap:10px;padding:0 12px}.sidebar-logo{height:28px}.sidebar-title{font-size:1rem}.sidebar-chip{display:none}}.sidebar-offcanvas{background:var(--accent-dark)!important;color:#c8d8ee!important;border-right:0!important;width:min(300px,86vw)!important}.sidebar-offcanvas .sidebar-offcanvas-header{gap:10px;padding:16px 14px 0}.sidebar-offcanvas-logo{flex:1;place-items:center;padding:4px 0;display:grid}.sidebar-offcanvas-logo img{height:40px}.sidebar-close-btn{color:#fff;cursor:pointer;background:0 0;border:0;font-size:1.5rem;display:grid}.sidebar-offcanvas .sidebar-offcanvas-body{flex-direction:column;padding:14px;display:flex;overflow:hidden}.sidebar-usuario{background:#ffffff12;border-radius:12px;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;display:flex}.sidebar-usuario-datos{min-width:0}.sidebar-usuario-datos b{color:#fff;font-size:.9rem;display:block}.sidebar-usuario-datos span{font-size:.8rem}.sidebar-menu-scroll{flex-direction:column;flex:auto;gap:2px;min-height:0;display:flex;overflow-y:auto}.sidebar-menu-item{color:#c8d8ee;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-weight:700;text-decoration:none;display:flex}.sidebar-menu-item:hover,.sidebar-subitem:hover{color:#fff;background:#ffffff0f}.sidebar-menu-item.is-active,.sidebar-subitem.is-active{color:#fff;box-shadow:inset 3px 0 0 var(--green);background:#ffffff1a}.sidebar-menu-icon{flex:none;justify-content:center;width:20px;font-size:1.05rem;display:inline-flex}.sidebar-menu-label{flex:1;line-height:1.2}.sidebar-chevron{font-size:.75rem;transition:transform .2s}.sidebar-chevron.abierto{transform:rotate(90deg)}.sidebar-submenu{gap:2px;margin:2px 0 6px;display:grid}.sidebar-subitem{color:#c8d8ee;border-radius:8px;padding:8px 12px 8px 42px;font-size:.9rem;font-weight:700;text-decoration:none;display:block}.sidebar-logout-wrap{border-top:1px solid #ffffff1f;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:2px;margin-top:8px;padding-top:12px;display:flex}.sidebar-logout-btn{color:#fff;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-weight:700;text-decoration:none;display:inline-flex}.sidebar-logout-btn:hover{background:#ffffff0f}.login-container{background:linear-gradient(var(--accent) 0 260px, var(--bg-app) 260px);flex-direction:column;align-items:center;min-height:100svh;padding:48px 18px 32px;display:flex}.login-marca{flex-direction:column;align-items:center;gap:14px;margin-bottom:24px;display:flex}.login-logo{background:#fff;border-radius:16px;padding:10px 18px;box-shadow:0 6px 18px #0000002e}.login-logo img{height:56px;display:block}.login-app{color:#fff;text-align:center;margin:0;font-size:1.4rem;font-weight:900}.login-card{background:var(--bg);border-radius:14px;width:100%;max-width:400px;padding:24px 22px;box-shadow:0 8px 24px #002f751f}.login-card h2{color:var(--text-h);margin:0 0 18px;font-size:1.2rem;font-weight:900}.login-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text);font-size:.85rem;font-weight:700}.form-group input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:.7rem .8rem;font-size:1rem;transition:border-color .2s}.form-group input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #00469426}.form-group input.error{border-color:var(--danger)}.error-message{color:var(--danger);margin:0;font-size:.8rem}.login-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;height:46px;margin-top:4px;font-size:1rem;font-weight:700;transition:background-color .2s}.login-button:hover{background:var(--accent-dark)}.login-button:disabled{opacity:.7;cursor:default}.login-empresa{background:var(--accent-bg);color:var(--text-h);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-weight:700;display:flex}.login-empresa span{flex:1;min-width:0}.login-empresa button{color:var(--accent-title);cursor:pointer;background:0 0;border:0;padding:0;font-size:.8rem;font-weight:700}@media (width<=480px){.login-container{padding-top:36px}.login-card{padding:20px 18px}}.container-404{background:var(--bg-claro);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.content-404{text-align:center;background:var(--bg);box-shadow:var(--shadow);border-radius:15px;max-width:500px;padding:60px 40px}.error-code{color:var(--accent);margin:0;font-size:80px}.error-title{margin:20px 0 10px;font-size:28px;font-weight:700}.error-message-404{margin:0 0 40px;font-size:16px;line-height:1.6}.button-group{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.btn404{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:12px 30px;font-size:16px;font-weight:600;display:flex}.btn404-primary{background:var(--accent);color:#fff;border:none}.btn404-primary:hover{background:var(--accent-border)}.btn404-secondary{background:var(--bg-claro);color:var(--text-h);border:2px solid var(--border)}@media (width<=600px){.content-404{padding:40px 20px}.button-group{flex-direction:column}}.cantidades-container{flex-direction:column;align-items:flex-end;display:flex}.cantidades-item{border-bottom:1px solid var(--border-green);margin-bottom:4px;padding-bottom:4px;font-size:.9rem}.cantidades-total{font-weight:700}.item-inventario{flex-direction:column;align-items:flex-start;display:flex}.item-inventario span{font-size:.9rem;font-weight:700}.form-select option{color:var(--text)}.Container-header.header-red{border-top-color:var(--border-lightred)}.notificaciones-content .form-check{padding-left:0}.notificaciones-content .form-check-label{color:var(--text);word-break:break-word;margin-bottom:0;font-size:14px}.item-notification{padding:8px 0;font-size:14px}.item-notification span{color:var(--muted);margin-right:5px;font-weight:700}.notification-thumbnail{object-fit:cover;border:1px solid var(--border)}@media (width<=768px){.item-notification{font-size:13px}}.campo-fecha{width:100%;display:block}.campo-fecha-popper{z-index:1070}.campo-fecha-popper .react-datepicker{font-family:var(--sans);color:var(--text);border-color:var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.campo-fecha-popper .react-datepicker__header{background:var(--bg-claro);border-bottom-color:var(--border-soft)}.campo-fecha-popper .react-datepicker__current-month,.campo-fecha-popper .react-datepicker-time__header{color:var(--text-h);text-transform:capitalize;font-weight:900}.campo-fecha-popper .react-datepicker__day-name{color:var(--muted);font-weight:700}.campo-fecha-popper .react-datepicker__day:hover,.campo-fecha-popper .react-datepicker__time-list-item:hover{background:var(--accent-bg)!important}.campo-fecha-popper .react-datepicker__day--selected,.campo-fecha-popper .react-datepicker__day--keyboard-selected,.campo-fecha-popper .react-datepicker__time-list-item--selected{background:var(--accent)!important;color:#fff!important}.campo-fecha-popper .react-datepicker__day--today{font-weight:900}.campo-fecha-popper .react-datepicker__triangle{display:none}