:root{--brand-primary:#1f4e79;--brand-primary-dark:#173a5a;--brand-accent:#2f7fb8;--bg:#f4f6f8;--surface:#ffffff;--text:#1a1d21;--text-muted:#5b6470;--border:#e2e6ea;--semaforo-red:#c0392b;--semaforo-red-bg:#fbeae8;--semaforo-orange:#c87f0a;--semaforo-orange-bg:#fdf3e3;--semaforo-blue:#2f7fb8;--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:.72rem;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)}.footnote{color:var(--text-muted);font-size:.8rem;margin-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}}: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:.9rem;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:.95rem;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}}