:root{--brand-primary:#1f4e79;--brand-primary-dark:#173a5a;--brand-accent:#2a6f9f;--bg:#f4f6f8;--surface:#ffffff;--text:#1a1d21;--text-muted:#5b6470;--border:#e2e6ea;--semaforo-red:#c0392b;--semaforo-red-bg:#fbeae8;--semaforo-orange:#965d08;--semaforo-orange-bg:#fdf3e3;--semaforo-blue:#2a6f9f;--semaforo-blue-bg:#eaf3fa;--radius:12px;--shadow:0 1px 3px rgba(16,24,40,0.08),0 1px 2px rgba(16,24,40,0.06)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;-webkit-font-smoothing:antialiased;line-height:1.5}.page{max-width:720px;margin:0 auto;padding:16px}.topbar{gap:12px;padding:16px 0}.brand-mark,.topbar{display:flex;align-items:center}.brand-mark{width:36px;height:36px;border-radius:8px;background:var(--brand-primary);color:#fff;font-weight:700;justify-content:center}.brand-name{font-weight:600;font-size:1.05rem}.brand-sub{color:var(--text-muted);font-size:.8rem}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);padding:20px}.banner,.card{border-radius:var(--radius);margin-bottom:16px}.banner{padding:16px 18px;border:1px solid transparent;font-weight:500}.banner.red{background:var(--semaforo-red-bg);border-color:var(--semaforo-red);color:var(--semaforo-red)}.banner.orange{background:var(--semaforo-orange-bg);border-color:var(--semaforo-orange);color:var(--semaforo-orange)}.banner.blue{background:var(--semaforo-blue-bg);border-color:var(--semaforo-blue);color:var(--semaforo-blue)}.banner.clear{background:#eef7ef;border-color:#cfe8d3;color:#2c7a3f}.kpis{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.kpi{background:var(--bg);border-radius:10px;padding:12px 14px}.kpi .label{color:var(--text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}.kpi .value{font-size:1.25rem;font-weight:700;margin-top:2px}.kpi.warn .value{color:var(--semaforo-orange)}.kpi.danger .value{color:var(--semaforo-red)}.section-title{font-size:.95rem;font-weight:700;margin:4px 0 12px}table.ledger{width:100%;border-collapse:collapse;font-size:.9rem}table.ledger td,table.ledger th{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border)}table.ledger th{color:var(--text-muted);font-weight:600;font-size:.78rem;text-transform:uppercase}table.ledger td.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.row-overdue td{color:var(--semaforo-red)}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.85rem;font-weight:600}.pill.overdue{background:var(--semaforo-red-bg);color:var(--semaforo-red)}.pill.urgent{background:var(--semaforo-orange-bg);color:var(--semaforo-orange)}.pill.upcoming{background:var(--semaforo-blue-bg);color:var(--semaforo-blue)}.pill.later{background:var(--bg)}.footnote,.pill.later{color:var(--text-muted)}.footnote{font-size:.8rem;margin-top:8px}.footnote a{color:var(--brand-accent)}.cuenta-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:16px}.cuenta-head .label{color:var(--text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}.cuenta-updated{text-align:right;font-size:.85rem;color:var(--text-muted)}.kpi-sub{color:var(--text-muted);font-size:.78rem;margin-top:3px}.kpi.ok .value{color:#2c7a3f}.credit-bar-wrap{margin-top:16px;background:var(--bg);border-radius:10px;padding:12px 14px}.credit-bar-foot,.credit-bar-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.8rem}.credit-bar-head{font-weight:600;margin-bottom:8px}.credit-bar-foot{color:var(--text-muted);margin-top:6px}.credit-bar{height:8px;border-radius:999px;background:var(--border);overflow:hidden}.credit-bar-fill{height:100%;border-radius:999px;background:var(--semaforo-blue);transition:width .3s ease}.credit-bar-fill.warn{background:var(--semaforo-orange)}.credit-bar-fill.over{background:var(--semaforo-red)}dl.pago{display:grid;grid-template-columns:auto 1fr;grid-gap:8px 16px;gap:8px 16px;margin:0;font-size:.9rem}dl.pago dt{color:var(--text-muted);font-weight:600}dl.pago dd{margin:0}dl.pago dd.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em}.contacto{text-align:center;color:var(--text-muted);font-size:.85rem;margin:16px 0 8px}.contacto a{color:var(--brand-accent)}.table-wrap-scroll{max-height:60vh;overflow-y:auto}.table-wrap-scroll:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}.table-wrap-scroll table.ledger thead th{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:var(--surface);box-shadow:inset 0 -1px 0 var(--border)}.reconcile{margin-top:14px;border-top:1px solid var(--border);padding-top:12px;font-size:.85rem}.reconcile-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:4px 0}.reconcile-row .num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.reconcile-row.total{font-weight:700;border-top:1px solid var(--border);margin-top:6px;padding-top:8px}.center{text-align:center;padding:48px 16px}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--brand-primary);margin:0 auto 16px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:480px){.kpis{grid-template-columns:1fr}table.ledger td:nth-child(2),table.ledger th:nth-child(2){display:none}.cuenta-updated{text-align:left}dl.pago{grid-template-columns:1fr;gap:2px 0}dl.pago dd{margin-bottom:8px}.card{padding:14px}table.ledger{font-size:.85rem}table.ledger td,table.ledger th{padding:10px 4px}.pill,table.ledger td:last-child,table.ledger th:last-child{white-space:normal}.pill{display:inline-block;text-align:center}table.ledger td:first-child{overflow-wrap:anywhere}.table-wrap-scroll{max-height:none;overflow-y:visible}.contacto a{display:inline-block;padding:12px 4px;min-height:44px;line-height:20px}.footnote a{padding:7px 0}.cuenta-head .label,.kpi .label{font-size:.82rem}.footnote{font-size:.85rem}}:root{--raxar-gold:#b8860b}.panel-page{max-width:1080px;margin:0 auto;padding:24px 16px 48px}.panel{display:flex;flex-direction:column;gap:20px}.panel-head{justify-content:space-between;gap:12px;flex-wrap:wrap}.panel-head,.panel-head-title{display:flex;align-items:center}.panel-head-title{gap:8px;color:var(--raxar-gold)}.panel-title{font-size:1.15rem;font-weight:700;margin:0;color:var(--text)}.panel-head-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,opacity .15s}.btn:hover:not(:disabled){border-color:var(--raxar-gold)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);width:100%;justify-content:center;margin-top:12px}.btn-primary:hover:not(:disabled){background:var(--brand-primary-dark);border-color:var(--brand-primary-dark)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-sm{padding:6px 10px;font-size:.78rem}.banner-mock{background:var(--semaforo-orange-bg);border:1px solid var(--semaforo-orange);color:var(--semaforo-orange);border-radius:8px;padding:10px 14px;font-size:.82rem;font-weight:600}.kpis-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.kpi-label{color:var(--text-muted);font-size:.75rem;margin-bottom:6px}.kpi-value{font-size:1.5rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi-card.accent .kpi-value{color:var(--raxar-gold)}.search-wrap{position:relative}.search-input{width:100%;padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1rem;outline:none}.search-input:focus{border-color:var(--raxar-gold)}.status-msg{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-size:.85rem;color:var(--text-muted);word-break:break-all}.status-msg.error{background:var(--semaforo-red-bg);border-color:var(--semaforo-red);color:var(--semaforo-red)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 16px;text-align:center}.empty-state,.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.table-wrap{overflow-x:auto}table.portfolio{width:100%;border-collapse:collapse;font-size:.88rem}table.portfolio th{text-align:left;color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}table.portfolio td,table.portfolio th{padding:12px 14px;border-bottom:1px solid var(--border)}table.portfolio td{vertical-align:middle}table.portfolio tr:last-child td{border-bottom:none}table.portfolio .num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cust-name{font-weight:600;color:var(--text)}.cust-no{font-size:.72rem;color:var(--text-muted);font-family:ui-monospace,monospace}.text-danger{color:var(--semaforo-red)}.text-muted{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:6px;font-size:.72rem;font-weight:600;border:1px solid transparent}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.red{background:var(--semaforo-red-bg);color:var(--semaforo-red);border-color:var(--semaforo-red)}.badge.orange{background:var(--semaforo-orange-bg);color:var(--semaforo-orange);border-color:var(--semaforo-orange)}.badge.blue{background:var(--semaforo-blue-bg);color:var(--semaforo-blue);border-color:var(--semaforo-blue)}.badge.clear{background:#eef7ef;color:#2c7a3f;border-color:#cfe8d3}.login-page{max-width:420px}.login-card{display:flex;flex-direction:column}.login-label{font-size:.8rem;font-weight:600;color:var(--text-muted);margin:12px 0 4px}.login-input{padding:10px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1rem;outline:none}.login-input:focus{border-color:var(--raxar-gold)}.spin{animation:spin .8s linear infinite}@media (max-width:720px){.kpis-4{grid-template-columns:1fr 1fr}}@media (max-width:480px){.kpis-4{grid-template-columns:1fr}}.sombra-page{max-width:980px;margin:0 auto;padding:28px 16px 56px;display:flex;flex-direction:column;gap:22px}.sombra-cabecera{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.sombra-cabecera h1{margin:0;font-size:1.5rem;letter-spacing:-.01em;color:var(--text)}.sombra-sub{margin:4px 0 0;color:var(--text-muted);font-size:.9rem}.sombra-cabecera-estado{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.sombra-chip{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:600;border:1px solid var(--border);white-space:nowrap}.chip-sombra{background:var(--semaforo-blue-bg);color:var(--semaforo-blue);border-color:var(--semaforo-blue)}.chip-real{background:var(--semaforo-orange-bg);color:var(--semaforo-orange);border-color:var(--semaforo-orange)}.chip-neutro{background:var(--surface);color:var(--text-muted)}.sombra-alarmas{display:flex;flex-direction:column;gap:12px}.sombra-alarma{background:var(--semaforo-red-bg);border:1px solid var(--semaforo-red);border-left-width:4px;border-radius:var(--radius);padding:14px 16px}.sombra-alarma h2{margin:0 0 6px;font-size:1rem;color:var(--semaforo-red)}.sombra-alarma p{margin:0 0 6px;font-size:.92rem;line-height:1.55}.sombra-alarma p:last-child{margin-bottom:0}.sombra-tecnico{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;color:var(--text-muted);word-break:break-word}.sombra-bloque{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px}.sombra-bloque h2{margin:0 0 12px;font-size:1.05rem;color:var(--text)}.sombra-explica{margin:12px 0 0;font-size:.92rem;line-height:1.6;color:var(--text)}.sombra-nota{font-size:.85rem;color:var(--text-muted)}.sombra-nota,.sombra-ojo{margin:10px 0 0;line-height:1.55}.sombra-ojo{font-size:.9rem;background:var(--semaforo-orange-bg);border-left:3px solid var(--semaforo-orange);padding:8px 12px;border-radius:6px}.sombra-nomedido{color:var(--text-muted);font-style:italic}.sombra-destacado{display:flex;align-items:baseline;gap:10px;padding:14px 16px;border-radius:10px}.destacado-silencio{background:var(--semaforo-blue-bg)}.destacado-activo{background:var(--bg)}.sombra-cifra{font-size:2.6rem;font-weight:700;line-height:1;color:var(--brand-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sombra-de{font-size:1rem;color:var(--text-muted)}.sombra-tarjetas{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.sombra-tarjeta{background:var(--bg);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:3px}.sombra-tarjeta-n{font-size:1.8rem;font-weight:700;line-height:1.1;color:var(--brand-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sombra-tarjeta-t{font-size:.88rem;font-weight:600;color:var(--text)}.sombra-tarjeta-p{font-size:.78rem;color:var(--text-muted);line-height:1.4}.sombra-serie{display:flex;align-items:flex-end;gap:4px;overflow-x:auto;padding:8px 0 0}.sombra-barra-col{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:24px;flex:1 0 auto}.sombra-barra{position:relative;width:100%;height:110px;display:flex;flex-direction:column-reverse;background:var(--bg);border-radius:4px;overflow:hidden}.sombra-seg{width:100%}.seg-cliente{background:var(--brand-primary)}.seg-interno{background:var(--semaforo-blue);opacity:.45}.sombra-cerrado{width:100%;height:100%;background:repeating-linear-gradient(45deg,var(--border),var(--border) 3px,transparent 3px,transparent 7px)}.sombra-barra-n{font-size:.72rem;font-weight:600;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sombra-barra-f{font-size:.66rem;color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sombra-lista{display:grid;grid-template-columns:1fr auto;grid-gap:8px 16px;gap:8px 16px;margin:12px 0 0}.sombra-lista dt{font-size:.9rem;color:var(--text-muted)}.sombra-lista dd{margin:0;font-size:.95rem;font-weight:600;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sombra-pie{text-align:center;color:var(--text-muted);font-size:.85rem;line-height:1.6}.sombra-pie p{margin:0 0 6px}.sombra-marca{font-weight:700;letter-spacing:.12em;color:var(--raxar-gold)}.sombra-marca .mr{display:inline-block;transform:scaleX(-1)}@media (max-width:640px){.sombra-tarjetas{grid-template-columns:1fr}.sombra-cabecera-estado{align-items:flex-start}.sombra-cifra{font-size:2.1rem}}