@import"https://fonts.googleapis.com/css2?family=Saira+Semi+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap";:root{--font-main: "Saira Semi Condensed", sans-serif;--font-mono: "Saira Semi Condensed", monospace;--font-tabular: "tnum" 1;--font-size-2xs: 11px;--font-size-xs: 12px;--font-size-sm: 13.5px;--font-size-base: 15px;--font-size-lg: 17px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-size-kpi: 38px;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--radius-none: 0px;--radius: 6px;--radius-modal: 12px;--border-width-default: 1px;--border-width-thick: 2px;--space-1: 4px;--space-2: 8px;--space-3: 10px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--bg-app: #F3F4F6;--bg-card: #FFFFFF;--bg-card-alt: #F9FAFB;--bg-hover: #E5E7EB;--bg-input: #FFFFFF;--bg-tab-active: #FFFFFF;--bg-tab-inactive: #E5E7EB;--border: #D1D5DB;--border-input: #9CA3AF;--border-strong: #4B5563;--text-primary: #111827;--text-secondary: #4B5563;--text-muted: #9CA3AF;--text-inverse: #FFFFFF;--accent: #0284C7;--accent-hover: #0369A1;--accent-light: #E0F2FE;--teal: #0D9488;--teal-light: #CCFBF1;--danger: #E11D48;--danger-light: #FFE4E6;--warning: #D97706;--warning-light: #FEF3C7;--info: #6366F1;--info-light: #EEF2FF;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--overlay-bg: rgba(0, 0, 0, .4);--overlay-backdrop: blur(4px)}[data-theme=dark]{--bg-app: #121824;--bg-card: #1E293B;--bg-card-alt: #0F172A;--bg-hover: #334155;--bg-input: #0F172A;--bg-tab-active: #1E293B;--bg-tab-inactive: #0F172A;--border: #334155;--border-input: #475569;--border-strong: #64748B;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #64748B;--text-inverse: #0F172A;--accent: #38BDF8;--accent-hover: #7DD3FC;--accent-light: #0C4A6E;--teal: #2DD4BF;--teal-light: #134E4A;--danger: #FB7185;--danger-light: #4C0519;--warning: #FBBF24;--warning-light: #451A03;--info: #818CF8;--info-light: #1E1B4B;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--overlay-bg: rgba(0, 0, 0, .7);--overlay-backdrop: blur(4px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-main)}body{font-family:var(--font-main);background-color:var(--bg-app);color:var(--text-primary);line-height:1.35;-webkit-user-select:none;user-select:none;overflow:hidden}.tnum{font-feature-settings:var(--font-tabular);font-variant-numeric:tabular-nums}button,.btn{font-family:var(--font-main);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border:var(--border-width-default) solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all .12s ease;outline:none}button:hover,.btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}button.primary,.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent-hover);font-weight:var(--font-weight-semibold)}button.primary:hover,.btn-primary:hover{background:var(--accent-hover)}button.teal,.btn-teal{background:var(--teal);color:#fff;border-color:var(--teal);font-weight:var(--font-weight-semibold)}button.danger,.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger);font-weight:var(--font-weight-semibold)}.card{background:var(--bg-card);border:var(--border-width-default) solid var(--border);border-radius:var(--radius);padding:var(--space-4);box-shadow:var(--shadow-sm)}input,select,textarea{font-family:var(--font-main);font-size:var(--font-size-sm);padding:6px 10px;border:var(--border-width-default) solid var(--border-input);border-radius:var(--radius);background:var(--bg-input);color:var(--text-primary);outline:none;transition:border-color .12s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=date],input[type=time],input[type=datetime-local]{font-family:var(--font-main)!important;font-weight:var(--font-weight-bold);color:var(--text-primary);background-color:var(--bg-input);border:var(--border-width-default) solid var(--border-input);padding:4px 8px;outline:none;cursor:pointer;border-radius:var(--radius)}input[type=date]::-webkit-datetime-edit,input[type=date]::-webkit-datetime-edit-fields-wrapper,input[type=date]::-webkit-datetime-edit-text,input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-day-field,input[type=date]::-webkit-datetime-edit-year-field,input[type=time]::-webkit-datetime-edit,input[type=time]::-webkit-datetime-edit-fields-wrapper,input[type=time]::-webkit-datetime-edit-text,input[type=time]::-webkit-datetime-edit-hour-field,input[type=time]::-webkit-datetime-edit-minute-field,input[type=time]::-webkit-datetime-edit-second-field,input[type=time]::-webkit-datetime-edit-ampm-field{font-family:var(--font-main)!important;font-weight:800!important;color:var(--text-primary)!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important;outline:none!important;box-shadow:none!important}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8;padding:2px}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover,input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator,[data-theme=dark] input[type=time]::-webkit-calendar-picker-indicator,[data-theme=dark] input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1)}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border:1px solid transparent;border-radius:var(--radius)}.chip-success{background:var(--teal-light);color:var(--teal);border-color:var(--teal)}.chip-danger{background:var(--danger-light);color:var(--danger);border-color:var(--danger)}.chip-warning{background:var(--warning-light);color:var(--warning);border-color:var(--warning)}.chip-info{background:var(--info-light);color:var(--info);border-color:var(--info)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);backdrop-filter:var(--overlay-backdrop);-webkit-backdrop-filter:var(--overlay-backdrop);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-overlay>.card,.modal-overlay>div,.modal-card{border-radius:var(--radius-modal)!important}.desktop-main-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);gap:10px;overflow:hidden}@media (min-width: 1600px){.desktop-main-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}@media (max-height: 800px){:root{--space-1: 3px;--space-2: 6px;--space-3: 8px;--space-4: 10px;--space-5: 12px;--space-6: 16px;--font-size-2xs: 11px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 22px;--font-size-3xl: 26px;--font-size-kpi: 28px}button,.btn{padding:6px 12px;font-size:13px;min-height:32px}input,select,textarea{min-height:32px;font-size:13px}.card{padding:10px 12px}}.app-layout{display:flex;height:100vh;max-height:100vh;overflow:hidden;background-color:var(--bg-app)}.sidebar{width:190px;background:var(--bg-card);border-right:2px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;z-index:50}.sidebar-header{padding:18px 14px;display:flex;align-items:baseline;gap:8px;border-bottom:1px solid var(--border)}.sidebar-title{font-size:25px;font-weight:900;color:var(--accent);line-height:1;margin:0}.sidebar-subtitle{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:var(--radius);background:transparent;border:1px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:700;cursor:pointer;transition:all .15s ease;width:100%;text-align:left}.sidebar-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.sidebar-footer{padding:16px;border-top:1px solid var(--border);background:var(--bg-card-alt)}.sidebar-sync-status{display:flex;flex-direction:column;gap:4px}.status-indicator-container{display:flex;align-items:center;gap:8px}.status-indicator{width:10px;height:10px;border-radius:50%;background:var(--text-muted)}.status-indicator.synced{background:var(--teal);box-shadow:0 0 8px var(--teal)}.status-indicator.syncing{background:var(--accent);animation:pulse 1s infinite alternate}.status-indicator.error{background:var(--danger);box-shadow:0 0 8px var(--danger)}@keyframes pulse{0%{opacity:.6}to{opacity:1}}.status-text{font-size:12px;font-weight:800;color:var(--text-secondary);text-transform:uppercase}.unsynced-badge{font-size:11px;font-weight:800;color:var(--warning);background:var(--warning-light);padding:2px 6px;border-radius:4px;align-self:flex-start;margin-left:18px}.last-sync-text{font-size:11px;color:var(--text-muted);font-weight:600;margin-left:18px}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.view-content-wrapper{flex:1;overflow:hidden;display:flex;flex-direction:column}.view-container{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.movimientos-grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,58fr) 10px minmax(360px,42fr);gap:10px;overflow:hidden;padding:16px}.carga-expres-wrapper{flex-shrink:0;min-width:0;width:100%;display:flex;flex-direction:column;gap:16px}.tabla-registros-wrapper{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.movimientos-resizer{cursor:col-resize;min-width:10px;position:relative;touch-action:none}.movimientos-resizer:after{content:"";position:absolute;top:8px;bottom:8px;left:4px;width:2px;background:var(--border);border-radius:2px;transition:background .12s ease}.movimientos-resizer:hover:after,.movimientos-resizer:active:after{background:var(--accent)}@media (min-width: 1600px){.movimientos-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}@media (max-height: 800px){.sidebar{width:174px}.sidebar-header{padding:16px 12px}.sidebar-title{font-size:24px}.sidebar-nav-item{padding:10px 12px;font-size:13.5px}.movimientos-grid{gap:10px;padding:10px}.carga-expres-wrapper{gap:10px}}@media (max-width: 1180px){.movimientos-grid{grid-template-columns:minmax(0,1fr) 8px minmax(330px,.82fr)}.sidebar{width:166px}.sidebar-subtitle{display:none}}.importe-action-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-width:0}.carga-expres-card{min-width:0;width:100%;container-type:inline-size}.carga-expres-card>*{min-width:0}.guardar-expres-button{flex:0 0 auto;min-width:170px}.importe-wrapper{background:var(--bg-input);border:2px solid var(--danger);min-width:0}.importe-wrapper[data-tipo=INGRESO]{border-color:var(--teal)}.importe-wrapper:focus-within{box-shadow:0 0 0 3px #f43f5e33}.importe-wrapper[data-tipo=INGRESO]:focus-within{box-shadow:0 0 0 3px #14b8a633}.importe-wrapper.has-error{border-color:var(--danger)!important;background:var(--danger-light)!important;box-shadow:0 0 8px #e11d4866!important}.importe-wrapper.has-success{border-color:#10b981!important;background:#10b98114!important;box-shadow:0 0 10px #10b98159!important}.importe-input{flex:1;min-width:0;font-size:30px;font-weight:900;text-align:right;padding:8px 0;border:none!important;background:transparent!important;outline:none!important;box-shadow:none!important;font-family:Saira Semi Condensed,sans-serif}@container (max-width: 680px){.importe-action-row{grid-template-columns:minmax(0,1fr)}.importe-action-row .importe-wrapper{flex:1 0 100%!important;min-height:82px}.importe-action-row .guardar-expres-button{width:100%;min-height:54px;padding:10px 16px!important}}.importe-input:focus{border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important}