:root{--bg:#f4f7f8;--surface:#fff;--surface2:#eef3f5;--ink:oklch(26% .02 240);--ink2:oklch(50% .015 240);--ink3:oklch(62% .018 235);--line:oklch(90% .01 220);--shadow:0 1px 2px oklch(40% .03 240/.06), 0 8px 24px oklch(40% .03 240/.05);--azul:oklch(52% .13 245);--azul-soft:oklch(94% .03 245);--verde:oklch(56% .12 165);--verde-soft:oklch(94% .04 165);--ambar:oklch(62% .13 75);--ambar-soft:oklch(95% .045 80);--rojo:oklch(55% .15 25);--rojo-soft:oklch(95% .035 25);--logo-card-bg:#fff;--logo-card-border:#d5ddd9;--logo-green:#0b7643;--logo-blue:#266ea4;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-pill:999px;--font-sans:"Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;font-family:var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:oklch(18% .015 240);--surface:oklch(22.5% .018 240);--surface2:oklch(27% .02 240);--ink:oklch(96% .008 220);--ink2:oklch(78% .015 230);--ink3:oklch(63% .012 240);--line:oklch(33% .02 240);--shadow:0 1px 2px oklch(0% 0 0/.3), 0 8px 24px oklch(0% 0 0/.25);--azul:oklch(72% .12 245);--azul-soft:oklch(32% .055 245);--verde:oklch(76% .11 165);--verde-soft:oklch(32% .05 165);--ambar:oklch(80% .12 80);--ambar-soft:oklch(34% .05 80);--rojo:oklch(70% .14 25);--rojo-soft:oklch(33% .055 25);--logo-card-bg:#131c18;--logo-card-border:#2c3933;--logo-green:#4ebe7d;--logo-blue:#5eaceb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:oklch(18% .015 240);--surface:oklch(22.5% .018 240);--surface2:oklch(27% .02 240);--ink:oklch(96% .008 220);--ink2:oklch(78% .015 230);--ink3:oklch(63% .012 240);--line:oklch(33% .02 240);--shadow:0 1px 2px oklch(0% 0 0/.3), 0 8px 24px oklch(0% 0 0/.25);--azul:oklch(72% .12 245);--azul-soft:oklch(32% .055 245);--verde:oklch(76% .11 165);--verde-soft:oklch(32% .05 165);--ambar:oklch(80% .12 80);--ambar-soft:oklch(34% .05 80);--rojo:oklch(70% .14 25);--rojo-soft:oklch(33% .055 25);--logo-card-bg:#131c18;--logo-card-border:#2c3933;--logo-green:#4ebe7d;--logo-blue:#5eaceb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}::selection{background:var(--azul-soft)}h1,h2,h3{color:var(--ink);font-weight:700}button{cursor:pointer;border-radius:var(--radius-sm);background:var(--azul);color:#fff;border:none;padding:9px 16px;font-family:inherit;font-size:13.5px;font-weight:600;transition:opacity .12s}button:hover{opacity:.88}button:disabled{opacity:.5;cursor:not-allowed}button.btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line)}button.btn-link{color:var(--azul);background:0 0;padding:0;font-size:13.5px;font-weight:600}button.btn-link:hover{opacity:1;text-decoration:underline}input,select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);padding:9px 12px;font-family:inherit;font-size:13.5px}input:focus,select:focus{outline:2px solid var(--azul-soft);outline-offset:1px}form{flex-direction:column;gap:16px;display:flex}form h2{margin:0;font-size:16px}.form-hint{color:var(--ink3);margin:-6px 0 0;font-size:12.5px}.field{flex-direction:column;gap:6px;display:flex}.field>label{color:var(--ink2);font-size:12.5px;font-weight:600}.field input,.field select,.field textarea{width:100%}.field-hint{color:var(--ink3);margin:0;font-size:12px}.field-error{color:var(--rojo);margin:0;font-size:12px}.field-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.field-span-2{grid-column:1/-1}.field-checkbox{color:var(--ink);align-items:center;gap:8px;font-size:13.5px;display:flex}.field-checkbox input{width:auto;margin:0}.field-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.field-results{max-height:160px;margin-top:4px;overflow-y:auto}.field-result-row{cursor:pointer;border-bottom:1px solid var(--line);padding:8px 12px;font-size:13.5px}.field-result-row:last-child{border-bottom:none}.field-result-row:hover{background:var(--surface2)}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-direction:column;gap:6px;width:340px;padding:36px;display:flex}.login-brand{align-items:center;gap:10px;margin-bottom:8px;display:flex}.logo-mark{flex-shrink:0}.logo-mark .logo-card{fill:var(--logo-card-bg);stroke:var(--logo-card-border)}.logo-mark .logo-green{fill:var(--logo-green)}.logo-mark .logo-blue{fill:var(--logo-blue)}.login-card h1{margin:0;font-size:20px}.login-card .subtitle{color:var(--ink3);margin:0 0 16px;font-size:13.5px}.login-card label{color:var(--ink2);margin-top:10px;font-size:12.5px;font-weight:600}.login-card button{margin-top:22px}.form-error{color:var(--rojo);background:var(--rojo-soft);border-radius:var(--radius-sm);margin:8px 0;padding:8px 10px;font-size:13px}.page-loading{text-align:center;color:var(--ink3);padding:40px}.spinner{justify-content:center;align-items:center;padding:40px 0;display:flex}.spinner-full{min-height:100vh;padding:0}.spinner-logo{animation:1s linear infinite spinner-spin;display:inline-flex}@keyframes spinner-spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:224px;padding:20px 0;display:flex}.sidebar-brand{align-items:center;gap:10px;padding:0 20px 20px;display:flex}.sidebar-brand .wordmark{color:var(--ink);font-size:16px;font-weight:700}.sidebar-group-label{letter-spacing:.06em;color:var(--ink3);text-transform:uppercase;padding:14px 20px 6px;font-size:10.5px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;display:flex}.sidebar-nav a{border-radius:var(--radius-sm);color:var(--ink2);margin:1px 8px;padding:10px 20px;font-size:13.5px;font-weight:500;text-decoration:none}.sidebar-nav a:hover{background:var(--surface2);color:var(--ink)}.sidebar-nav a.active{background:var(--azul-soft);color:var(--azul);font-weight:600}.sidebar-footer{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding:14px 12px 0;display:flex}.theme-toggle{background:var(--surface);color:var(--ink2);border:1px solid var(--line);width:100%;padding:7px 12px;font-size:12.5px;font-weight:600}.theme-toggle:hover{opacity:1;background:var(--surface2)}.sidebar-user{justify-content:space-between;align-items:center;gap:8px;padding:8px 8px 4px;display:flex}.sidebar-user-info{flex-direction:column;min-width:0;display:flex}.sidebar-user-info .name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.sidebar-user-info .role{color:var(--ink3);font-size:11px;font-family:var(--font-mono)}.main{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex}.content{width:100%;max-width:1280px;padding:28px 32px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.page-eyebrow{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink3);text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:600}.page-header h1{margin:0;font-size:24px}.page-actions{align-items:center;gap:10px;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:16px 18px}.stat-card .label{color:var(--ink3);margin-bottom:6px;font-size:12.5px}.stat-card .value{font-family:var(--font-mono);color:var(--ink);font-size:24px;font-weight:700}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.toolbar{gap:10px;margin-bottom:16px;display:flex}.toolbar input{flex:1;max-width:320px}.master-detail{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);align-items:start;gap:18px;display:grid}@media (width<=900px){.master-detail{grid-template-columns:1fr}}.data-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow);overflow:hidden}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--line);padding:11px 16px;font-size:13.5px}.data-table th{background:var(--surface2);color:var(--ink3);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr.is-selected{background:var(--azul-soft)}.data-table tbody tr[data-clickable]{cursor:pointer}.data-table tbody tr[data-clickable]:hover{background:var(--surface2)}.data-table tfoot td{background:var(--surface2);border-bottom:none;font-weight:700}.mono{font-family:var(--font-mono)}.badge{border-radius:var(--radius-pill);white-space:nowrap;padding:3px 11px;font-size:11.5px;font-weight:700;display:inline-block}.badge-active,.badge-pagado{background:var(--verde-soft);color:var(--verde)}.badge-inactive,.badge-anulado{background:var(--rojo-soft);color:var(--rojo)}.badge-pendiente{background:var(--ambar-soft);color:var(--ambar)}.badge-neutral{background:var(--surface2);color:var(--ink2)}.detail-panel{padding:20px;position:sticky;top:28px}.detail-panel-empty{text-align:center;color:var(--ink3);padding:40px 20px;font-size:13.5px}.detail-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:4px;display:flex}.detail-id{font-family:var(--font-mono);color:var(--ink3);font-size:12px}.detail-title{margin:2px 0;font-size:17px;font-weight:700}.detail-sub{color:var(--ink3);margin-bottom:16px;font-size:12.5px}.detail-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:9px 0;font-size:13.5px;display:flex}.detail-row:last-of-type{border-bottom:none}.detail-row .label{color:var(--ink3)}.detail-row .value{font-family:var(--font-mono);color:var(--ink);font-weight:600}.detail-total{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-top:6px;padding-top:14px;display:flex}.detail-total .label{color:var(--ink);font-weight:600}.detail-total .value{font-family:var(--font-mono);color:var(--azul);font-size:19px;font-weight:700}.detail-actions{gap:10px;margin-top:18px;display:flex}.detail-actions button{flex:1}.cycle-badge{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-items:center;gap:8px;padding:8px 12px;display:flex}.cycle-badge-label{color:var(--ink3);font-size:12px;font-weight:600}.cycle-badge-value{font-size:13px;font-weight:600}.kpi-delta{align-items:center;gap:6px;margin-top:8px;display:flex}.kpi-pill{font-family:var(--font-mono);border-radius:var(--radius-pill);padding:2px 7px;font-size:12px;font-weight:600}.kpi-pill--info{background:var(--azul-soft);color:var(--azul)}.kpi-pill--good{background:var(--verde-soft);color:var(--verde)}.kpi-pill--bad{background:var(--rojo-soft);color:var(--rojo)}.kpi-caption{color:var(--ink3);font-size:12px}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin-bottom:16px;display:grid}.chart-card{padding:18px 20px}.chart-head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.chart-title{letter-spacing:-.01em;font-size:15px;font-weight:700}.chart-unit{color:var(--ink3);font-size:12px}.chart-sub{color:var(--ink2);margin-bottom:20px;font-size:12.5px}.bar-chart{align-items:flex-end;gap:6px;height:180px;display:flex}.bar-chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;height:100%;display:flex}.bar-chart-value,.bar-chart-month{color:var(--ink3);font-size:10.5px}.bar-chart-bar{background:var(--azul-soft);border-radius:5px 5px 2px 2px;width:100%}.bar-chart-bar.is-current{background:var(--azul)}.cobranza-list{flex-direction:column;gap:14px;display:flex}.cobranza-row-head{justify-content:space-between;margin-bottom:6px;font-size:12.5px;display:flex}.cobranza-row-head .m{color:var(--ink2)}.cobranza-row-head .txt{font-weight:600}.cobranza-track{border-radius:var(--radius-pill);background:var(--surface2);height:9px;overflow:hidden}.cobranza-fill{border-radius:var(--radius-pill);background:var(--verde);height:100%}.list-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;display:grid}.aging-list{flex-direction:column;display:flex}.aging-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.aging-row:last-child{border-bottom:none}.aging-label{align-items:center;gap:10px;font-size:13.5px;display:flex}.aging-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.aging-meta{align-items:center;gap:14px;display:flex}.aging-count{color:var(--ink3);font-size:12.5px}.aging-amount{text-align:right;min-width:82px;font-size:13.5px;font-weight:600}.anomaly-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.anomaly-header a{font-size:12.5px;font-weight:600}.anomaly-list{flex-direction:column;gap:10px;display:flex}.anomaly-item{border-radius:var(--radius);background:var(--bg);align-items:flex-start;gap:12px;padding:11px 12px;display:flex}.anomaly-tag{border-radius:var(--radius-sm);white-space:nowrap;padding:2px 7px;font-size:11px;font-weight:600}.anomaly-title{font-size:13.5px;font-weight:600}.anomaly-detail{color:var(--ink2);font-size:12.5px}.empty-hint{color:var(--ink3);font-size:13.5px}.modal-backdrop{z-index:50;background:oklch(15% .02 240/.45);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);width:480px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);padding:24px;overflow-y:auto}.modal h2{margin-top:0}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}