@charset "UTF-8";.header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#d92332,#ff7043);color:#fff;padding:15px 20px;border-radius:8px;font-weight:700;font-size:1.5rem;box-shadow:0 2px 5px #0000001a}.header h2{margin:0}.header .btn-agregar{background:#fff;color:#d92332;border:none;border-radius:6px;padding:8px 16px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.header .btn-agregar:hover{background-color:#f5c1bc}.titulo-pagina{font-size:1.8rem;font-weight:700;margin-bottom:20px;color:#d92332;text-align:center}.btn-primario,.btn-guardar{background:linear-gradient(90deg,#d92332,#ff7043);color:#fff;border:none;padding:10px 20px;font-size:1rem;font-weight:700;border-radius:6px;cursor:pointer;transition:background .3s ease}.btn-primario:hover,.btn-guardar:hover{background:linear-gradient(90deg,#b71c1c,#ff7043)}.u-container{padding:1.5rem;background:#fafafa}.u-filters{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.5rem}.u-filters input,.u-filters select{padding:.5rem;border:1px solid #ccc;border-radius:6px}.u-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #eee;border-radius:8px}.u-table th,.u-table td{padding:.7rem;text-align:left;border-bottom:1px solid #f0f0f0}.u-table th{background:#f9f9f9;font-weight:600;font-size:.9rem}.u-table tr:hover{background:#f5faff}.u-status{padding:3px 8px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.u-status.activo{background:#d6f5d6;color:#2e7d32}.u-status.inactivo{background:#f8d7da;color:#c62828}.u-icon{background:none;border:none;cursor:pointer;font-size:1rem;margin:0 2px;padding:.3rem;border-radius:4px}.u-icon.u-edit:hover{background:#e3f2fd}.u-icon.u-delete:hover{background:#ffebee}.u-status.por_revision{background:#678ed6;color:#1325cc}.u-status.en_espera_arqueo{background:#f0ed4f;color:#000}.u-status.completada,.consolidada{background:#d6f5d6;color:#2e7d32}.u-status.cancelada,.u-status.con_diferencia,.u-status.con_observacion,.u-status.anulada{background:#f8d7da;color:#c62828}.activo{color:#2e7d32;font-weight:600}.inactivo{color:#c62828;font-weight:600}.header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#d92332,#ff7043);color:#fff;padding:12px 20px;border-radius:8px;font-weight:700;font-size:1.2rem;margin-bottom:1rem}.u-modal{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#0006;z-index:10}.u-modal-content{background:#fff;padding:1.5rem;border-radius:10px;max-width:600px;width:100%;box-sizing:border-box;max-height:90vh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}dialog#modalRol.u-modal{position:fixed;inset:0;background:#0006;border:none;padding:0;display:flex;justify-content:center;align-items:center;z-index:999}.u-modal-content h3{margin-bottom:1rem;color:#0077b6}.u-modal-content input,.u-modal-content select,.u-modal-content textarea{width:100%;margin-bottom:1rem;padding-top:.6rem;padding-left:.6rem;padding-bottom:.6rem;border:1px solid #ccc;border-radius:6px}.u-modal-actions{display:flex;justify-content:flex-end;gap:.8rem}.u-btn-save,.u-btn-cancel,.u-btn-archivar,.u-btn-restaurar{margin-left:5px;padding:.5rem 1rem;border:none;border-radius:6px;color:#fff;cursor:pointer}.u-btn-archivar{background:#8c0000}.u-btn-restaurar{background:#f8a520}.u-btn-save{background:#4caf50}.u-btn-cancel{background:#9e9e9e}@media (max-width: 768px){.u-filters{flex-direction:column;align-items:stretch}.u-table thead{display:none}.u-table tr{display:block;margin-bottom:1rem;border:1px solid #eee;border-radius:6px;padding:.8rem}.u-table td{display:flex;justify-content:space-between;padding:.4rem 0;border:none}.u-table td:before{content:attr(data-label);font-weight:600;color:#555}}:root{--bg-color: #fdfdfd;--content-bg: #fafafa;--text-color: #1f1f1f;--sidebar-bg: linear-gradient(180deg, #d92332, #ff7043);--topbar-bg: linear-gradient(to right, #fff6f3, #ccc3c4);--card-bg: #ffffff;--border-color: #e0e0e0}.dark-theme{--bg-color: #1c1c1c;--content-bg: #1e1e1e;--text-color: #f0f0f0;--sidebar-bg: linear-gradient(180deg, #333333, #444444);--topbar-bg: linear-gradient(to right, #2a2a2a, #3a3a3a);--card-bg: #2a2a2a;--border-color: #555}body,.layout{background-color:var(--bg-color);color:var(--text-color)}.main-content{background-color:var(--content-bg);color:var(--text-color)}.sidebar{background:var(--sidebar-bg);color:var(--text-color)}.topbar{background:var(--topbar-bg);color:var(--text-color)}.u-table,.u-modal-content,.u-container{background:var(--card-bg);color:var(--text-color);border-color:var(--border-color)}.u-search-box{display:flex;align-items:center;background-color:#fff4f2;border:1px solid #ffd6d0;border-radius:6px;padding:.4rem .6rem;gap:.5rem}.u-search-box input{border:none;outline:none;background:transparent;flex:1;font-size:.95rem;color:#444}.u-search-box span{font-size:1.1rem;color:#d92332}.u-filtro{background:#fff4f2;padding:1rem;border:1px solid #ffd6d0;border-radius:10px;display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.u-filtro label{font-weight:600;color:#d92332;font-size:.9rem}.u-filtro select,.u-filtro input[type=date]{padding:.5rem .8rem;border:1px solid #ffccb8;border-radius:6px;font-size:.9rem;background-color:#fffdfd;color:#333;transition:border-color .3s ease-in-out}.u-filtro select:focus,.u-filtro input[type=date]:focus{outline:none;border-color:#ff7043}.u-filtro .u-orden-btns{display:flex;gap:.5rem}.u-filtro .u-orden-btns button{background-color:#f5c1bc;border:none;padding:.45rem .9rem;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;color:#6b1a17;transition:background-color .2s ease}.u-filtro .u-orden-btns button:hover{background-color:#ffb8a5}.u-filtro .u-orden-btns button.active{background-color:#d92332;color:#fff}.u-filtro .u-rango-fechas{display:flex;gap:.5rem}@media (max-width: 768px){.u-filters,.u-filtro{flex-direction:column;align-items:stretch}.u-orden-btns{flex-direction:column}.u-search-box{width:100%}}.checkbox-container{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem}.checkbox-container input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:#007bff}.checkbox-container input[type=checkbox]:hover{accent-color:#0056b3}.checkbox-container label{cursor:pointer;-webkit-user-select:none;user-select:none}html{--mat-sys-background: light-dark(#fff7f9, #161215);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f8eef2, #342f32);--mat-sys-inverse-primary: light-dark(#ffabf3, #a900a9);--mat-sys-inverse-surface: light-dark(#342f32, #e9e0e4);--mat-sys-on-background: light-dark(#1e1a1d, #e9e0e4);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #5b005b);--mat-sys-on-primary-container: light-dark(#810081, #ffd7f5);--mat-sys-on-primary-fixed: light-dark(#380038, #380038);--mat-sys-on-primary-fixed-variant: light-dark(#810081, #810081);--mat-sys-on-secondary: light-dark(#ffffff, #3d2b3a);--mat-sys-on-secondary-container: light-dark(#554151, #f7daef);--mat-sys-on-secondary-fixed: light-dark(#271624, #271624);--mat-sys-on-secondary-fixed-variant: light-dark(#554151, #554151);--mat-sys-on-surface: light-dark(#1e1a1d, #e9e0e4);--mat-sys-on-surface-variant: light-dark(#4e444b, #eedee7);--mat-sys-on-tertiary: light-dark(#ffffff, #42008a);--mat-sys-on-tertiary-container: light-dark(#5f00c0, #ecdcff);--mat-sys-on-tertiary-fixed: light-dark(#270057, #270057);--mat-sys-on-tertiary-fixed-variant: light-dark(#5f00c0, #5f00c0);--mat-sys-outline: light-dark(#80747c, #9a8d95);--mat-sys-outline-variant: light-dark(#d1c2cb, #4e444b);--mat-sys-primary: light-dark(#a900a9, #ffabf3);--mat-sys-primary-container: light-dark(#ffd7f5, #810081);--mat-sys-primary-fixed: light-dark(#ffd7f5, #ffd7f5);--mat-sys-primary-fixed-dim: light-dark(#ffabf3, #ffabf3);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#6e5869, #dabfd2);--mat-sys-secondary-container: light-dark(#f7daef, #554151);--mat-sys-secondary-fixed: light-dark(#f7daef, #f7daef);--mat-sys-secondary-fixed-dim: light-dark(#dabfd2, #dabfd2);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff7f9, #161215);--mat-sys-surface-bright: light-dark(#fff7f9, #3d383b);--mat-sys-surface-container: light-dark(#f5ebf0, #231e22);--mat-sys-surface-container-high: light-dark(#efe6ea, #2d292c);--mat-sys-surface-container-highest: light-dark(#e9e0e4, #383337);--mat-sys-surface-container-low: light-dark(#fbf1f5, #1e1a1d);--mat-sys-surface-container-lowest: light-dark(#ffffff, #110d10);--mat-sys-surface-dim: light-dark(#e1d7dc, #161215);--mat-sys-surface-tint: light-dark(#a900a9, #ffabf3);--mat-sys-surface-variant: light-dark(#eedee7, #4e444b);--mat-sys-tertiary: light-dark(#7d00fa, #d5baff);--mat-sys-tertiary-container: light-dark(#ecdcff, #5f00c0);--mat-sys-tertiary-fixed: light-dark(#ecdcff, #ecdcff);--mat-sys-tertiary-fixed-dim: light-dark(#d5baff, #d5baff);--mat-sys-neutral-variant20: #372e34;--mat-sys-neutral10: #1e1a1d;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0}html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}