:root{--primario: #0F3D3E;--primario-2: #165557;--acento: #E2A93B;--fondo: #F4F6F5;--tarjeta: #FFFFFF;--texto: #1C2422;--suave: #5E6A66;--borde: #DCE2DF;--verde: #1F8A55;--rojo: #B83A2E;--ambar: #B7791F;--radio: 10px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--fondo);color:var(--texto);font:15px/1.5 Inter,system-ui,-apple-system,sans-serif}h1{font-size:22px;margin:0}h2{font-size:18px;margin:0}a{color:var(--primario-2)}input,select,textarea{font:inherit;color:inherit;width:100%;padding:8px 10px;border:1px solid var(--borde);border-radius:8px;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--primario) 35%,transparent);border-color:var(--primario-2)}input:disabled,select:disabled{background:#f0f2f1;color:var(--suave)}label{display:block;font-size:13px;font-weight:500;color:var(--suave);margin-bottom:4px}.num{text-align:right;font-variant-numeric:tabular-nums}.sub{color:var(--suave);margin:2px 0 0;font-size:13px}.error{color:var(--rojo);font-size:14px;margin:8px 0}.ayuda{color:var(--suave);font-size:13px;margin:4px 0 0}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--borde);background:#fff;color:var(--texto);font:500 14px Inter,sans-serif;cursor:pointer;white-space:nowrap}.btn:hover{background:#f0f3f2}.btn.primario{background:var(--primario);border-color:var(--primario);color:#fff}.btn.primario:hover{background:var(--primario-2)}.btn.peligro{color:var(--rojo)}.btn:disabled{opacity:.55;cursor:default}.btn.ancho{width:100%;justify-content:center;margin-top:14px;padding:10px}.btn.chico{padding:5px 9px;font-size:13px}.btn-icono{display:inline-flex;padding:6px;border:0;background:none;border-radius:6px;cursor:pointer;color:var(--suave)}.btn-icono:hover{background:#eef1f0;color:var(--texto)}.btn-link{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:inherit;cursor:pointer;padding:0;font:inherit}.marco{display:flex;min-height:100vh}.lateral{width:220px;flex:none;background:var(--primario);color:#dde8e5;display:flex;flex-direction:column;padding:16px 12px;position:sticky;top:0;height:100vh}.marca{display:flex;align-items:center;gap:10px;font:700 20px Inter,sans-serif;color:#fff;padding:2px 8px 18px}.marca.grande{font-size:28px;color:var(--primario);justify-content:center;padding:0}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:#c9d8d4;text-decoration:none;font-weight:500}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.router-link-active{background:#e2a93b29;color:#fff;box-shadow:inset 3px 0 0 var(--acento)}.lateral-pie{margin-top:auto;display:flex;flex-direction:column;gap:8px;font-size:13px}.cuenta-sel{background:#ffffff14;color:#fff;border-color:#ffffff2e}.cuenta-sel option{color:var(--texto)}.cuenta{color:#fff;font-weight:600}.usuario{color:#a9bdb8}.version{color:#7e9792;font-size:11px}.contenido{flex:1;min-width:0;padding:24px 28px 40px}.aviso{background:#fff7e6;border:1px solid #F3D9A4;border-radius:var(--radio);padding:14px 16px}.pagina-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.filtros{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:12px}.filtros>div{min-width:140px}.filtros .crece{flex:1;min-width:200px}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio)}.tabla-caja{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--suave);padding:10px 12px;border-bottom:1px solid var(--borde);white-space:nowrap}td{padding:10px 12px;border-bottom:1px solid #EDF0EF;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr.clic{cursor:pointer}tbody tr.clic:hover{background:#f7f9f8}td.acciones{white-space:nowrap;text-align:right}.vacio{color:var(--suave);text-align:center;padding:28px 12px}.pie-tabla{display:flex;justify-content:space-between;padding:10px 12px;color:var(--suave);font-size:13px;border-top:1px solid var(--borde)}.clave{font-family:ui-monospace,Menlo,monospace;font-size:13px;background:#eef2f0;border-radius:5px;padding:1px 6px}.etiqueta{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px}.etiqueta.gris{background:#edf0ef;color:#4b5653}.etiqueta.verde{background:#e2f3ea;color:var(--verde)}.etiqueta.rojo{background:#f8e5e2;color:var(--rojo)}.etiqueta.ambar{background:#fbf0dc;color:var(--ambar)}.inactivo{opacity:.55}.campos{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px 14px}.campos .doble{grid-column:span 2}.campos .todo{grid-column:1 / -1}.seccion{margin-bottom:20px}.seccion-titulo{font-weight:600;font-size:14px;margin:0 0 10px;color:var(--primario)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--borde);border-radius:999px;padding:4px 10px;font-size:13px;cursor:pointer;background:#fff}.chip input{width:auto;margin:0}.chip.on{border-color:var(--primario-2);background:#e8f0ee}.check{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--texto)}.check input{width:auto}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1e1c73;display:flex;align-items:flex-start;justify-content:center;padding:4vh 16px;z-index:50;overflow-y:auto}.modal{background:#fff;border-radius:14px;width:100%;box-shadow:0 20px 50px #00000040;display:flex;flex-direction:column;max-height:92vh}.modal-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 12px;border-bottom:1px solid var(--borde)}.modal-cuerpo{padding:18px 20px;overflow-y:auto}.modal-pie{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:12px 20px;border-top:1px solid var(--borde);flex-wrap:wrap}.modal-pie .error{margin:0 auto 0 0}.sat-buscador{position:relative}.sat-lista{position:absolute;z-index:60;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--borde);border-radius:8px;box-shadow:0 10px 30px #0000001f;list-style:none;margin:0;padding:4px;max-height:260px;overflow-y:auto;min-width:320px}.sat-lista button{display:block;width:100%;text-align:left;border:0;background:none;padding:6px 8px;border-radius:6px;cursor:pointer;font:13px Inter,sans-serif}.sat-lista button:hover,.sat-lista button.elegida{background:#eef3f1}.sat-lista .vacio{padding:8px}.conceptos td{padding:6px;vertical-align:top;border-bottom:0}.conceptos input,.conceptos select{padding:6px 8px;font-size:14px}.conceptos tbody.concepto{border-bottom:1px solid var(--borde)}.conceptos tbody.concepto:nth-child(2n){background:#fafbfa}.conceptos .c-desc{min-width:300px}.conceptos .c-desc-fila{display:flex;gap:6px}.conceptos .c-desc-fila select{width:40%;min-width:150px}.conceptos .c-cant{width:100px}.conceptos .c-precio{width:150px}.conceptos .c-importe{padding-top:13px;white-space:nowrap}.conceptos input.calculado{background:#f3f6f5;color:var(--suave)}.conceptos input.fijo{border-color:var(--primario-2);font-weight:600}.conceptos .c-sat-fila td{padding-top:0;padding-bottom:10px}.c-sat-campos{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}.c-sat-campos>div{display:flex;flex-direction:column;gap:2px;min-width:120px}.c-sat-campos span{font-size:11px;color:var(--suave)}.c-sat-campos .c-sat{min-width:220px}.c-sat-campos .c-ret{min-width:0;width:90px}.totales{margin-left:auto;width:320px;max-width:100%}.totales div{display:flex;justify-content:space-between;padding:4px 0}.totales .total{font-weight:700;font-size:18px;border-top:1px solid var(--borde);margin-top:4px;padding-top:8px}.pendientes{background:#fff7e6;border:1px solid #F3D9A4;border-radius:8px;padding:10px 14px;margin:0 0 16px;font-size:14px}.pendientes ul{margin:4px 0 0;padding-left:18px}.entrar{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(160deg,#0f3d3e,#1b5e5f)}.entrar-caja{background:#fff;border-radius:16px;padding:30px 28px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:4px;box-shadow:0 20px 50px #0000004d}.entrar-caja .sub{text-align:center;margin-bottom:14px}.entrar-caja input{margin-bottom:8px}@media(max-width:760px){.marco{flex-direction:column}.lateral{width:auto;height:auto;position:fixed;bottom:0;top:auto;left:0;right:0;z-index:40;flex-direction:row;padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.lateral .marca,.lateral-pie{display:none}.lateral nav{display:flex;width:100%;justify-content:space-around}.nav-item{flex-direction:column;gap:2px;font-size:10px;padding:6px 4px}.nav-item.router-link-active{box-shadow:none}.contenido{padding:16px 16px 90px}.campos .doble{grid-column:1 / -1}}.periodo{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.periodo select{width:auto;font-weight:600}.meses{display:flex;flex-wrap:wrap;border:1px solid var(--borde);border-radius:8px;overflow:hidden;background:#fff}.meses button{border:0;border-right:1px solid var(--borde);background:none;padding:7px 11px;font:500 13px Inter,sans-serif;color:var(--texto);cursor:pointer}.meses button:last-child{border-right:0}.meses button:hover:not(:disabled){background:#f0f3f2}.meses button.on{background:var(--primario);color:#fff}.meses button:disabled{color:#b6bebb;cursor:default}.meses .anio{font-weight:600}@media(max-width:760px){.meses button{padding:7px 8px}}:root{--primario-suave: #E6F0EE;--acento-suave: #FBF1DD;--sombra: 0 1px 2px rgba(15, 61, 62, .06), 0 4px 14px rgba(15, 61, 62, .06)}body{background:linear-gradient(180deg,#EEF3F1 0,var(--fondo) 280px)}.pagina-cab h1{font-size:24px;letter-spacing:-.01em;position:relative;padding-left:14px}.pagina-cab h1:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:4px;background:var(--acento)}.pagina-cab .sub{padding-left:14px}.tarjeta{box-shadow:var(--sombra);border-color:#e1e7e4}th{background:#f4f7f6;color:#4f5d59}tbody tr.clic:nth-child(2n){background:#fbfcfb}tbody tr.clic:hover{background:var(--primario-suave)}.etiqueta{letter-spacing:.01em}input,select,textarea{min-height:38px;border-color:#d4dcd8;transition:border-color .15s,box-shadow .15s}input:hover,select:hover,textarea:hover{border-color:#b9c6c1}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primario-2);box-shadow:0 0 0 3px #16555724}label{font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:600;color:#6a7773}.check{text-transform:none;letter-spacing:0;font-size:14px;font-weight:500}.btn{border-radius:9px;transition:background .15s,box-shadow .15s,transform .05s}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primario{background:linear-gradient(180deg,#17595A,var(--primario));box-shadow:0 1px 2px #0f3d3e40}.btn.primario:hover{background:linear-gradient(180deg,#1c6668,#134748)}.btn.peligro{border-color:#e9c3bd;background:#fff8f6}.btn.peligro:hover{background:#fbeae6}.modal{border-radius:16px;overflow:hidden}.modal-cab{background:linear-gradient(180deg,var(--primario-suave),#fff);border-bottom:1px solid #DCE6E2;position:relative;padding-top:20px}.modal-cab:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--primario),var(--primario-2) 70%,var(--acento))}.modal-cab h2{font-size:19px;color:var(--primario)}.modal-cuerpo{background:#f7f9f8}.modal-pie{background:#fff}.modal-cuerpo .seccion{background:#fff;border:1px solid #E1E7E4;border-radius:12px;padding:14px 16px 16px;box-shadow:0 1px 2px #0f3d3e0a}.seccion-titulo{display:flex;align-items:center;gap:8px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--primario);margin-bottom:12px}.seccion-titulo:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--acento);box-shadow:0 0 0 3px var(--acento-suave)}.conceptos thead th{background:var(--primario-suave);color:var(--primario)}.conceptos tbody.concepto:nth-child(2n){background:#fafcfb}.conceptos tbody.concepto:hover{background:#f4f8f7}.c-sat-fila .c-sat-campos{background:#f6f9f8;border:1px dashed #D6E0DC;border-radius:8px;padding:6px 8px}.c-sat-campos span{text-transform:uppercase;letter-spacing:.04em;font-weight:600}.totales{background:linear-gradient(160deg,var(--primario),#1A5C5D);color:#e3eeeb;border-radius:12px;padding:14px 18px;box-shadow:var(--sombra)}.totales div{border-color:#ffffff1f}.totales .total{color:#fff;border-top:1px solid rgba(255,255,255,.22);font-size:22px}.totales .total span:last-child{color:var(--acento)}.totales .ayuda{color:#bfd3ce}.pendientes{background:var(--acento-suave);border-color:#efd39a;border-left:4px solid var(--acento)}.aviso{border-left:4px solid var(--acento)}.meses{box-shadow:var(--sombra)}.meses button.on{background:linear-gradient(180deg,#17595A,var(--primario))}.chip.on{border-color:var(--primario-2);background:var(--primario-suave);color:var(--primario);font-weight:500}