*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blue-600:#2563eb;--blue-500:#3b82f6;--blue-50:#eff6ff;--blue-100:#dbeafe;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--red-50:#fef2f2;--red-700:#b91c1c;--sans:"DM Sans", sans-serif;--mono:"DM Mono", monospace;--radius:14px;--radius-sm:10px;--shadow-sm:0 1px 2px #0f172a0a;--shadow:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;font-family:var(--sans);color:var(--gray-700);-webkit-font-smoothing:antialiased;background:#fff;font-size:15px;line-height:1.6}body{min-height:100dvh}.app{max-width:720px;margin:0 auto;padding:0 20px 80px}.loading{min-height:50dvh;color:var(--gray-400);justify-content:center;align-items:center;font-size:15px;display:flex}.mono{font-family:var(--mono)}.alert-banner{background:var(--red-50);color:var(--red-700);text-align:center;letter-spacing:.2px;padding:6px 16px;font-size:12px}.header{justify-content:space-between;align-items:flex-end;margin-bottom:28px;padding:40px 0 24px;display:flex}.header h1{color:var(--gray-900);letter-spacing:-.3px;font-size:22px;font-weight:600;line-height:1.2}.subtitle{color:var(--gray-400);margin-top:3px;font-size:13px}.header-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.badge{background:var(--blue-50);color:var(--blue-600);white-space:nowrap;border-radius:9999px;padding:3px 10px;font-size:12px;font-weight:600}.last-update{color:var(--gray-400);font-size:11px}.main{flex-direction:column;gap:16px;display:flex}.card{border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;padding:24px}.card h2{color:var(--gray-900);letter-spacing:-.2px;margin-bottom:16px;font-size:15px;font-weight:600}.card h3{color:var(--gray-600);margin-bottom:12px;font-size:13px;font-weight:600}.unit-selector-hero{background:var(--blue-600);border-radius:var(--radius);text-align:center;padding:32px 24px;box-shadow:0 4px 24px #2563eb33}.verified-badge{color:#fff;letter-spacing:.2px;background:#22c55e;border-radius:9999px;align-items:center;gap:5px;margin-bottom:12px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-flex}.unit-selector-title{color:#fff;letter-spacing:-.3px;margin-bottom:2px;font-size:20px;font-weight:600}.unit-selector-sub{color:#fff9;margin-bottom:18px;font-size:13px}.unit-select{width:100%;max-width:320px;font-family:var(--sans);border-radius:var(--radius-sm);color:#fff;cursor:pointer;appearance:auto;background:#ffffff1f;border:1.5px solid #ffffff40;padding:11px 16px;font-size:14px;transition:border-color .15s}.unit-select:focus{border-color:#ffffffb3;outline:none}.unit-select option{color:var(--gray-800);background:#fff}.unit-result{margin-top:24px}.unit-result-monto{color:#fff;letter-spacing:-1px;margin-bottom:8px;font-size:40px;font-weight:700;line-height:1;display:block}.unit-result-meta{color:#fff9;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.unit-result-sep{opacity:.4}.payment-info{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);padding:14px 20px}.payment-main{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:6px;display:flex}.payment-alias-row{align-items:center;gap:6px;display:flex}.payment-label{text-transform:uppercase;letter-spacing:.8px;color:var(--gray-400);font-size:10px;font-weight:600}.payment-alias{color:var(--blue-600);font-size:15px;font-weight:600}.payment-titular{color:var(--gray-500);font-size:13px}.payment-details{color:var(--gray-400);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.payment-details a:not(.wa-link){color:var(--gray-500);text-decoration:none}.payment-details a:not(.wa-link):hover{text-decoration:underline}.payment-sep{color:var(--gray-300);font-size:10px}.payment-muted{color:var(--gray-400)}.wa-link{color:#fff;background:#25d366;border-radius:6px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.wa-link:hover{background:#1ebe5d}.wa-icon{flex-shrink:0;width:13px;height:13px}.wa-link-disabled{background:var(--gray-200);color:var(--gray-400);cursor:not-allowed}.wa-link-disabled:hover{background:var(--gray-200)}.period-tabs{background:var(--gray-100);border-radius:var(--radius-sm);gap:4px;padding:4px;display:flex;overflow-x:auto}.tab{font-family:var(--sans);color:var(--gray-500);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:7px 20px;font-size:13px;font-weight:500;transition:all .15s}.tab:hover{color:var(--gray-800)}.tab-active{color:var(--gray-900);box-shadow:var(--shadow-sm);background:#fff}.tab-active:hover{color:var(--gray-900)}.dashboard-header{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.dashboard-header h2{color:var(--gray-900);letter-spacing:-.2px;font-size:18px;font-weight:600}.dashboard-header .total{color:var(--blue-600);font-size:18px;font-weight:600}.charts-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}@media (width<=700px){.charts-grid{grid-template-columns:1fr}}.chart-card{overflow:hidden}.legend{flex-wrap:wrap;gap:10px;padding-top:8px;display:flex}.legend-item{color:var(--gray-500);align-items:center;gap:4px;font-size:11px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead th{text-align:left;color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--gray-200);padding:10px 14px;font-size:11px;font-weight:600}tbody td{border-bottom:1px solid var(--gray-100);color:var(--gray-600);padding:10px 14px}.unit-row{cursor:pointer;transition:background .1s}.unit-row:hover{background:var(--blue-50)}.debtors{color:var(--gray-400);padding:12px 20px;font-size:12px}.debtors-title{text-transform:uppercase;letter-spacing:.5px;color:var(--gray-300);margin-bottom:8px;font-size:11px}.debtors-list{flex-direction:column;gap:3px;list-style:none;display:flex}.debtors-list li{color:var(--gray-400);justify-content:space-between;display:flex}.debtors-total{border-top:1px solid var(--gray-100);color:var(--gray-400);margin-top:8px;padding-top:8px}.comparison-grid{flex-wrap:wrap;gap:12px;display:flex}.comparison-card{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-sm);flex-direction:column;flex:1;gap:4px;min-width:140px;padding:16px 20px;display:flex}.comparison-label{color:var(--gray-400);font-size:12px}.comparison-total{color:var(--gray-900);letter-spacing:-.3px;font-size:17px;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172a66;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius);background:#fff;width:100%;max-width:380px;padding:28px;box-shadow:0 20px 60px #0f172a26}.modal-text{color:var(--gray-700);margin-bottom:24px;font-size:15px;line-height:1.5}.modal-text strong{color:var(--gray-900)}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-btn{font-family:var(--sans);cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s}.modal-btn-cancel{background:var(--gray-100);color:var(--gray-600)}.modal-btn-cancel:hover{background:var(--gray-200)}.modal-btn-confirm{color:#fff;background:#25d366;align-items:center;gap:5px;display:inline-flex}.modal-btn-confirm:hover{background:#1ebe5d}.recharts-tooltip-wrapper{font-size:12px!important}@media (width<=500px){.app{padding:0 12px 48px}.header h1{font-size:18px}.unit-selector-hero{padding:24px 16px}.unit-result-monto{font-size:32px}.card{padding:16px}}