:root,[data-tema=claro]{--bg: #F6F5FB;--surface: #FFFFFF;--surface-2: #FAF9FE;--border: #E7E4F2;--text: #1E1E4A;--muted: #6B6F94;--faint: #9A9DBA;--accent: #6E4FD0;--accent-soft: #EFEAFC;--grad-a: #8B3FBF;--grad-b: #5C5FD3;--on-accent: #FFFFFF;--green: #15803D;--green-bg: #DCFCE7;--amber: #B45309;--amber-bg: #FEF3C7;--red: #B91C1C;--red-bg: #FEE2E2;--blue: #4338CA;--blue-bg: #E0E7FF;--gray: #4B5563;--gray-bg: #EEF0F4;--sombra: 0 1px 2px rgba(30,30,74,.04), 0 6px 20px rgba(30,30,74,.05);color-scheme:light}[data-tema=oscuro]{--bg: #14143A;--surface: #1B1B47;--surface-2: #22224F;--border: #2F2F66;--text: #F2EEFA;--muted: #A9ACD0;--faint: #7C80A8;--accent: #A98BFF;--accent-soft: #2B2563;--green: #86EFAC;--green-bg: #1D3B3B;--amber: #FCD34D;--amber-bg: #3B3530;--red: #FCA5A5;--red-bg: #3D2342;--blue: #A5A8FF;--blue-bg: #2A2B66;--gray: #C3C6DA;--gray-bg: #26265A;--sombra: 0 1px 2px rgba(0,0,0,.2), 0 8px 24px rgba(0,0,0,.25);color-scheme:dark}[data-tema=sepia]{--bg: #F4ECDC;--surface: #FBF6EC;--surface-2: #F6EEDF;--border: #E2D5BC;--text: #3B2F23;--muted: #7A6A56;--faint: #A8977F;--accent: #8A4FB0;--accent-soft: #EFE2EA;--grad-b: #6B56C4;--green: #3F6B2A;--green-bg: #E4ECCF;--amber: #8F5A12;--amber-bg: #F5E2BC;--red: #9A3324;--red-bg: #F3D9CF;--blue: #4B4A9C;--blue-bg: #E6E1EF;--gray: #5E5345;--gray-bg: #ECE3D2;--sombra: 0 1px 2px rgba(59,47,35,.05), 0 6px 20px rgba(59,47,35,.06);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text)}body{font:14px/1.45 Outfit,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.num{font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.degradado{background:linear-gradient(135deg,var(--grad-a),var(--grad-b));color:var(--on-accent)}.muted{color:var(--muted)}.faint{color:var(--faint)}.pos{color:var(--green)}.etiqueta-seccion{font-size:11px;font-weight:600;letter-spacing:1px;color:var(--faint);text-transform:uppercase}.app{display:flex;min-height:100vh}.lateral{width:264px;flex:none;background:var(--surface);border-right:1px solid var(--border);padding:24px 20px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh;overflow-y:auto}.marca{display:flex;align-items:flex-end;gap:8px;padding:0 6px}.marca b{font-size:26px;font-weight:800;letter-spacing:-.8px;line-height:1}.marca i{width:9px;height:9px;border-radius:9px;display:inline-block;margin-bottom:3px}.marca span{color:var(--muted);font-weight:500}.bloque{display:flex;flex-direction:column;gap:6px}.empresa{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;border:1px solid transparent}.empresa:hover{background:var(--surface-2)}.empresa.activa{background:var(--accent-soft);border-color:var(--accent)}.avatar{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--gray-bg);color:var(--gray);flex:none}.empresa.activa .avatar{background:linear-gradient(135deg,var(--grad-a),var(--grad-b));color:var(--on-accent)}.empresa .datos{min-width:0;flex:1}.empresa .nombre{font-weight:600;font-size:13.5px}.empresa .nif{font-size:11px;color:var(--muted)}.nav{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;font-weight:500}.nav:hover{background:var(--surface-2)}.nav svg{color:var(--muted)}.nav .cuenta{margin-left:auto;font-size:12px;color:var(--muted)}.nav.activa{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav.activa svg,.nav.activa .cuenta{color:var(--accent)}.relleno{flex:1}.temas{display:flex;gap:2px;padding:3px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border)}.temas button{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 8px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:12px;font-weight:500}.temas button[aria-pressed=true]{background:linear-gradient(135deg,var(--grad-a),var(--grad-b));color:var(--on-accent)}.pie{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);padding:4px 6px}.pie button{margin-left:auto;border:0;background:none;color:var(--muted);font-size:12px;text-decoration:underline}.principal{flex:1;min-width:0;padding:28px 36px 48px;display:flex;flex-direction:column;gap:22px}.cabecera{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.cabecera .titulos{flex:1;min-width:240px}.cabecera h1{margin:0;font-size:26px;font-weight:700;letter-spacing:-.6px}.cabecera p{margin:2px 0 0;color:var(--muted);font-size:13.5px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;font-weight:600;border:1px solid var(--border);background:var(--surface)}.btn:hover{border-color:var(--accent)}.btn.primario{border:0;background:linear-gradient(135deg,var(--grad-a),var(--grad-b));color:var(--on-accent);box-shadow:0 6px 16px #6e4fd033}.btn.mini{padding:7px 12px;font-size:13px;border-radius:9px}.btn:disabled{opacity:.55;cursor:default}.buscador{display:flex;align-items:center;gap:10px;width:320px;padding:10px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.buscador input{border:0;outline:0;background:transparent;flex:1;min-width:0}.buscador:focus-within,.campo:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6e4fd026;outline:0}.buscador svg{color:var(--faint)}.campo{width:100%;padding:9px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface)}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.chip:before{content:"";width:6px;height:6px;border-radius:6px;background:currentColor}.chip.sin-punto:before{display:none}.c-pendiente{background:var(--red-bg);color:var(--red)}.c-revisar{background:var(--amber-bg);color:var(--amber)}.c-cruzado{background:var(--green-bg);color:var(--green)}.c-ok{background:var(--blue-bg);color:var(--blue)}.c-gris{background:var(--gray-bg);color:var(--gray)}.c-acento{background:var(--accent-soft);color:var(--accent)}.cifras{display:grid;grid-template-columns:250px repeat(5,minmax(0,1fr));gap:14px}.kpi{text-align:left;padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}.kpi:hover{border-color:var(--accent)}.kpi[aria-pressed=true]{border:1.5px solid var(--accent)}.kpi .t{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--muted)}.kpi .t i{width:8px;height:8px;border-radius:8px;display:inline-block}.kpi .v{font-size:26px;font-weight:600;letter-spacing:-.5px;margin-top:2px}.kpi .s{font-size:12px;color:var(--faint)}.kpi.saldo{background:linear-gradient(135deg,var(--grad-a),var(--grad-b));border:0;padding:16px 18px;border-radius:16px;box-shadow:0 10px 24px #5c5fd333;cursor:default}.kpi.saldo .t,.kpi.saldo .s{color:#fffc}.kpi.saldo .v{font-size:28px;color:var(--on-accent)}.lista{background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden}.pestanas{display:flex;gap:22px;padding:14px 18px 0;border-bottom:1px solid var(--border);overflow-x:auto}.pestanas button{display:flex;align-items:center;gap:7px;padding:0 0 12px;border:0;background:none;border-bottom:2px solid transparent;color:var(--muted);font-weight:500;white-space:nowrap}.pestanas button[aria-pressed=true]{color:var(--text);font-weight:600;border-color:var(--accent)}.pestanas .n{padding:1px 7px;border-radius:999px;font-size:11px;font-weight:600;background:var(--gray-bg);color:var(--muted)}.pestanas button[aria-pressed=true] .n{background:var(--accent-soft);color:var(--accent)}.fila{display:grid;grid-template-columns:84px 1fr 130px 140px;gap:16px;align-items:center;padding:13px 18px;border-top:1px solid var(--border);cursor:pointer}.lista>.fila:first-of-type{border-top:0}.fila:hover,.fila.abierta{background:var(--surface-2)}.fila .fecha{font-size:13px;color:var(--muted)}.fila .desc{min-width:0}.fila .a{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fila .b{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fila .importe{text-align:right;font-weight:600}.fila .estado{text-align:right}.vacio{padding:40px 16px;text-align:center;color:var(--muted)}.pie-lista{display:flex;align-items:center;gap:10px;padding:12px 18px;border-top:1px solid var(--border);font-size:12.5px;color:var(--muted)}.pie-lista .espacio{flex:1}.detalle{display:grid;grid-template-columns:1fr 430px;gap:16px;padding:2px 18px 18px 118px;background:var(--surface-2);cursor:default}.detalle h4{margin:0 0 10px}.tarjeta-sel{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--border);margin-bottom:8px}.tarjeta-sel.sugerencia{background:var(--accent-soft);border-color:var(--accent)}.tarjeta-sel .txt{flex:1;min-width:0}.tarjeta-sel .t{font-weight:600}.tarjeta-sel .s{font-size:12.5px;color:var(--muted)}.motivos{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.motivos button{padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:13px;font-weight:500}.motivos button:hover,.motivos button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.acciones{display:flex;gap:8px;justify-content:flex-end;margin-top:10px;flex-wrap:wrap}.tabla{width:100%;border-collapse:collapse}.tabla th{text-align:left;padding:9px 14px;background:var(--surface-2);border-bottom:1px solid var(--border)}.tabla td{padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.tabla .der{text-align:right}.aviso{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 16px;border-radius:14px;background:var(--amber-bg);color:var(--amber);font-weight:500}.periodo{display:flex;gap:2px;padding:3px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.periodo button{padding:6px 12px;border-radius:9px;border:0;background:none;color:var(--muted);font-weight:600;font-size:13px}.periodo button[aria-pressed=true]{background:linear-gradient(135deg,var(--grad-a),var(--grad-b));color:var(--on-accent)}.rejilla{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tarjeta{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px}.tarjeta .cab{display:flex;align-items:center;gap:10px}.tarjeta .cab .ico{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.tarjeta .cab h3{margin:0;font-size:16px;flex:1}.kv{display:flex;gap:12px;align-items:center;padding:7px 0;border-top:1px solid var(--border)}.kv .k{width:160px;flex:none;font-size:13px;color:var(--muted)}.kv .v{flex:1}.interruptor{width:36px;height:20px;border-radius:999px;padding:2px;background:var(--border);display:flex;flex:none}.interruptor.on{background:var(--accent);justify-content:flex-end}.interruptor i{width:16px;height:16px;border-radius:16px;background:#fff}.login{min-height:100vh;display:grid;place-items:center}.login form,.caja-login{width:min(360px,90vw);display:grid;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:28px;box-shadow:var(--sombra)}.error{color:var(--red);font-size:13.5px}.aviso-flotante{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:10px 16px;border-radius:10px;font-size:14px;z-index:50}@media(max-width:1100px){.cifras{grid-template-columns:repeat(3,minmax(0,1fr))}.rejilla{grid-template-columns:1fr}.detalle{grid-template-columns:1fr;padding-left:18px}}@media(max-width:760px){.app{flex-direction:column}.lateral{width:auto;height:auto;position:static;padding:16px;gap:14px}.principal{padding:18px 16px 40px}.buscador{width:100%}.cifras{grid-template-columns:1fr 1fr}.fila{grid-template-columns:1fr auto;gap:4px 10px}.fila .fecha{grid-row:2}.fila .estado{grid-row:2;grid-column:2}}.gira{animation:gira 1s linear infinite}@keyframes gira{to{transform:rotate(360deg)}}.velo{position:fixed;top:0;right:0;bottom:0;left:0;background:#14143a73;display:grid;place-items:center;z-index:40;padding:16px}.ventana{width:min(520px,100%);background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:12px;box-shadow:0 24px 60px #00000040}.cab-ventana{display:flex;align-items:center;justify-content:space-between}.cab-ventana h3{margin:0;font-size:18px}.zona{display:grid;justify-items:center;gap:6px;padding:26px 16px;border-radius:14px;border:1.5px dashed var(--border);background:var(--surface-2);color:var(--muted);text-align:center}.zona b{color:var(--text)}.zona:hover,.zona.encima{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.buzon{display:grid;grid-template-columns:420px 1fr;min-height:420px}.correos{border-right:1px solid var(--border);display:flex;flex-direction:column}.correo{display:grid;gap:4px;text-align:left;padding:13px 16px;border:0;border-bottom:1px solid var(--border);background:var(--surface);border-left:3px solid transparent}.correo:hover{background:var(--surface-2)}.correo.activo{background:var(--accent-soft);border-left-color:var(--accent)}.correo .l1{display:flex;align-items:center;gap:8px;justify-content:space-between}.correo .l1 b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.correo .asunto{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.correo .adjunto{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detalle-correo{padding:20px 22px;display:flex;flex-direction:column;gap:12px;min-width:0}.cab-correo{display:flex;gap:12px;align-items:flex-start}.cab-correo .ico{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:none}.cab-correo .t{font-size:17px;font-weight:700}.comparacion{border:1px solid var(--border);border-radius:12px;overflow:hidden;border-collapse:separate;border-spacing:0}.comparacion td{padding:9px 14px}@media(max-width:1100px){.buzon{grid-template-columns:1fr}.correos{border-right:0}}