:root{--brand: #0e2a47;--brand-2: #15395e;--accent: #19c24a;--accent-dark: #139a3b;--error-color: #c62828;--warning-color: #ef6c00;--info-color: #1565c0;--bg: #eef1f4;--card: #ffffff;--line: #e2e6ea;--text: #1f2d3d;--muted: #6b7785;--radius: 10px;--shadow: 0 1px 3px rgba(14, 42, 71, .08), 0 1px 2px rgba(14, 42, 71, .06)}*{box-sizing:border-box}body{font-family:Segoe UI,Roboto,system-ui,Arial,sans-serif;margin:0;padding:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit}.nav-container{background:#c9c9c9;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px #00000026}.nav-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:4px;padding:0 8px}.nav-brand{display:flex;align-items:center;gap:8px;padding:8px 16px 8px 8px}.nav-brand img{height:28px;display:block}.nav-brand .nav-logo{height:38px;border-radius:8px;display:block}@media (max-width: 480px){.nav-brand .nav-logo{height:32px}}.nav-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;flex:1}.nav-menu a{display:block;padding:16px 14px;color:var(--brand);text-decoration:none;border-bottom:3px solid transparent;cursor:pointer;font-size:13px;font-weight:600;white-space:nowrap;transition:color .15s,background .15s}.nav-menu a:hover{color:var(--brand);background:#0000000f}.nav-menu a.active{color:var(--brand);border-bottom-color:var(--accent);font-weight:700}.nav-user{color:var(--brand-2);padding:0 12px;font-size:13px;display:flex;gap:10px;align-items:center}.nav-user button{width:auto;padding:7px 12px;font-size:12px}.nav-group{position:relative}.nav-group-btn{display:block;padding:16px 14px;color:var(--brand);background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:13px;font-weight:600;white-space:nowrap;transition:color .15s,background .15s}.nav-group-btn:hover{color:var(--brand);background:#0000000f}.nav-group.active>.nav-group-btn{color:var(--brand);border-bottom-color:var(--accent);font-weight:700}.nav-group-btn .caret{font-size:10px;opacity:.7}.nav-dropdown{list-style:none;margin:0;padding:6px 0;position:absolute;top:100%;left:0;min-width:230px;background:#fff;box-shadow:0 10px 26px #0003;border-radius:0 0 10px 10px;display:none;z-index:1100}.nav-group.open>.nav-dropdown{display:block}.nav-dropdown a{padding:11px 16px;border-bottom:none;border-left:3px solid transparent}.nav-dropdown a.active{border-bottom-color:transparent;border-left-color:var(--accent);background:#0000000d}.container{max-width:1280px;margin:0 auto;padding:22px 16px}.section{margin:16px 0;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}h2,h3,h4{color:var(--brand);margin-top:0}h3{font-size:19px}h3,h4{padding-bottom:12px;margin-bottom:18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}h3:before{content:"";width:4px;height:18px;background:var(--accent);border-radius:3px}label{margin-bottom:6px;font-weight:600;display:block;font-size:13px;color:var(--brand-2)}select,input,button,textarea{padding:10px 12px;border:1px solid #cdd5dd;border-radius:8px;font-size:14px;width:100%;font-family:inherit;background:#fff;color:var(--text);transition:border-color .15s,box-shadow .15s}select:focus,input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #19c24a26}.reasign-panel{background:#f5f7f9;border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin-bottom:12px}.reasign-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;align-items:end}.reasign-full{grid-column:1 / -1}.reasign-full textarea{resize:vertical}.reasign-accion button{width:100%}.reasign-sep{margin-top:12px;border-top:1px solid #dde3e8;padding-top:10px}.reasign-sep summary{cursor:pointer;font-weight:600;color:var(--brand)}.reasign-checks{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;margin-top:4px}.reasign-checks label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.reasign-checks input{width:auto;margin:0}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;-webkit-appearance:textfield;appearance:textfield}button{background:var(--accent);color:#fff;border:none;cursor:pointer;font-weight:600;transition:filter .15s,opacity .15s;box-shadow:var(--shadow)}button:hover{filter:brightness(1.05)}button:active{filter:brightness(.95)}button:disabled{opacity:.45;cursor:not-allowed;filter:none}button.secondary{background:var(--brand)}button.export{background:var(--info-color)}button.delete{background:var(--error-color)}button.ghost{background:#eef1f4;color:var(--brand);box-shadow:none;border:1px solid var(--line)}button.ghost:hover{background:#e2e8ef}a.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--accent);color:#fff;text-decoration:none;white-space:nowrap;padding:9px 14px;border-radius:8px;font-size:13px;font-weight:600;box-shadow:var(--shadow);width:auto}a.btn:hover{filter:brightness(1.05)}button.link{background:transparent;color:var(--brand);box-shadow:none;border:none;width:auto;padding:4px;font-size:13px;font-weight:600;text-decoration:underline}button.link:hover{background:transparent;filter:none;color:var(--accent)}button.link:disabled{opacity:.45}.btn-group{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.btn-group button{width:auto;padding:10px 20px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.chips button{width:auto;padding:8px 14px;font-size:13px}.offline-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 14px;border-radius:8px;margin-bottom:14px;font-size:13px;font-weight:600}.offline-bar.off{background:#fdecea;color:#b71c1c;border:1px solid #f5c6c2}.offline-bar.pend{background:#fff8e1;color:#8a6d00;border:1px solid #ffe082}.offline-bar button.link{color:inherit;text-decoration:underline}.filtros{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;align-items:end}.filtro-fechas{display:flex;gap:10px;grid-column:span 2}.filtro-fechas>div{flex:1;min-width:0}.barra-masiva{background:#eef1f4;padding:12px;border-radius:10px;margin-bottom:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;align-items:end}.barra-masiva .sel-count{align-self:center;font-size:14px}table{width:100%;font-size:13px;border-collapse:collapse;margin-top:16px}th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}thead th{background:#f5f7f9;color:var(--brand-2);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid var(--line)}tbody tr:hover{background:#f7fafc}.num{text-align:right;font-variant-numeric:tabular-nums}.action-buttons{display:flex;gap:6px;flex-wrap:wrap}.action-buttons button{padding:6px 10px;font-size:12px;width:auto;margin:0}.mensaje{padding:12px 16px;border-radius:8px;margin:14px 0;border-left:4px solid;word-wrap:break-word;font-size:14px}.error{background:#fdecea;color:var(--error-color);border-color:var(--error-color)}.success{background:#e7f6ec;color:#1b7a3d;border-color:var(--accent)}.info{background:#e8f1fb;color:var(--info-color);border-color:var(--info-color)}.loader-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e2a4773;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.spinner{border:5px solid rgba(255,255,255,.35);border-top:5px solid var(--accent);border-radius:50%;width:46px;height:46px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,var(--brand) 0%,var(--brand-2) 100%)}.login-card{width:100%;max-width:380px;padding:32px;background:#c9c9c9;border-color:#b5b5b5}.login-card .logo{display:block;max-width:220px;margin:0 auto 6px}.login-card .sub{text-align:center;color:var(--brand-2);margin:0 0 18px;font-size:14px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:4px 0 18px}.card{background:#f5f7f9;border:1px solid var(--line);border-radius:var(--radius);padding:16px;text-align:center}.card .v{font-size:22px;font-weight:700;color:var(--brand)}.card .l{font-size:12px;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:.03em}.muted{color:var(--muted)}.placeholder{text-align:center;padding:60px 20px;color:var(--muted)}.hint{font-size:12px;color:var(--muted);margin-top:6px}.dropzone{border:2px dashed #b8c4d0;border-radius:var(--radius);padding:32px 20px;text-align:center;cursor:pointer;background:#f7fafc;transition:border-color .15s,background .15s}.dropzone:hover{border-color:var(--accent);background:#f1f8f3}.dropzone.drag{border-color:var(--accent);background:#e7f6ec}.dropzone p{margin:6px 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e2a4799;display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px}.modal{background:#fff;border-radius:var(--radius);max-width:920px;width:100%;max-height:92vh;overflow:auto;padding:16px;box-shadow:0 12px 40px #0000004d}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.modal-head .action-buttons button{padding:8px 14px}.entregado-ok{text-align:center;margin-bottom:18px}.entregado-ok .v{font-size:24px;font-weight:800;color:#1b7a3d;margin-top:8px}.entregado-ok .check svg{width:96px;height:96px}.entregado-ok .check circle{stroke:var(--accent);stroke-width:3;stroke-dasharray:160;stroke-dashoffset:160;animation:draw .6s ease forwards}.entregado-ok .check path{stroke:var(--accent);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50;stroke-dashoffset:50;animation:draw .4s .5s ease forwards}@keyframes draw{to{stroke-dashoffset:0}}.timeline{list-style:none;padding:0;margin:8px 0 0}.timeline li{display:flex;gap:10px;padding:7px 0;align-items:flex-start}.timeline .dot{width:10px;height:10px;border-radius:50%;background:var(--accent);margin-top:5px;flex-shrink:0;box-shadow:0 0 0 3px #19c24a26}tbody tr.clic{cursor:pointer}.noti{position:relative}.noti-btn{width:auto;background:transparent;border:none;box-shadow:none;font-size:18px;padding:6px 8px;position:relative;cursor:pointer}.noti-badge{position:absolute;top:-2px;right:-2px;background:var(--error-color);color:#fff;font-size:10px;min-width:16px;height:16px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}.noti-panel{position:absolute;right:0;top:110%;width:320px;max-width:calc(100vw - 24px);max-height:60vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 28px #0e2a4733;z-index:2000;color:var(--text)}@media (max-width: 480px){.noti-panel{position:fixed;top:62px;right:12px;left:12px;width:auto;max-width:none;max-height:70vh}}.noti-item strong{display:block;word-break:break-word}.noti-item>div{word-break:break-word}.noti-head{font-weight:700;padding:10px 12px;border-bottom:1px solid var(--line);color:var(--brand)}.noti-empty{padding:16px;color:var(--muted);text-align:center}.noti-item{padding:10px 12px;border-bottom:1px solid var(--line)}.noti-item.nueva{background:#eef6ef}.combo{position:relative}.combo-list{position:absolute;z-index:50;left:0;right:0;top:100%;margin:4px 0 0;padding:4px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #0e2a472e;max-height:260px;overflow:auto}.combo-list li{padding:9px 11px;border-radius:6px;cursor:pointer;font-size:14px}.combo-list li:hover{background:#e7f6ec}.combo-list li.muted{cursor:default}.combo-list li.muted:hover{background:transparent}.saldo-grande{display:flex;flex-direction:column;align-items:center;gap:2px;padding:18px;border-radius:var(--radius);margin-bottom:18px}.saldo-grande .l{font-size:13px;text-transform:uppercase;letter-spacing:.04em;opacity:.85;font-weight:600}.saldo-grande .v{font-size:34px;font-weight:800;line-height:1.1}.saldo-grande.debe{background:#fdecea;color:var(--error-color)}.saldo-grande.ok{background:#e7f6ec;color:#1b7a3d}.nav-toggle{display:none;order:3;background:transparent;border:none;box-shadow:none;color:var(--brand);font-size:24px;line-height:1;width:auto;padding:10px 14px;cursor:pointer}@media (max-width: 900px){.nav-inner{flex-wrap:wrap;padding:0 6px}.nav-toggle{display:block}.nav-user{order:2;margin-left:auto;padding-right:4px}.nav-user span{display:none}.nav-menu{order:4;flex-basis:100%;display:none;flex-direction:column;padding-bottom:6px}.nav-menu.open{display:flex}.nav-menu a{padding:14px 12px;font-size:15px;border-bottom:1px solid rgba(255,255,255,.08);border-left:3px solid transparent}.nav-menu a.active{border-bottom-color:transparent;border-left-color:var(--accent);background:#ffffff0f}.nav-group{width:100%}.nav-group-btn{width:100%;text-align:left;font-size:15px;padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}.nav-group.active>.nav-group-btn{border-bottom-color:#ffffff14;background:#ffffff0a}.nav-dropdown{position:static;display:none;min-width:0;box-shadow:none;border-radius:0;padding:0;background:#0000002e}.nav-group.open>.nav-dropdown{display:block}.nav-dropdown a{padding-left:30px;font-size:14px}}@media (max-width: 768px){.container{padding:14px 10px}.section{padding:16px 14px}h3{font-size:17px}.section:has(table){overflow-x:auto}table{font-size:12px}th,td{padding:8px 10px}.cards{grid-template-columns:1fr 1fr}.saldo-grande .v{font-size:28px}.filtros{gap:12px}.action-buttons button{padding:8px 12px}}@media (max-width: 420px){.cards{grid-template-columns:1fr}}