:root{--color-bg:#f5f6f8;--color-surface:#fff;--color-border:#e2e5ea;--color-text:#1c2128;--color-text-muted:#5c6470;--color-primary:#2f6feb;--color-primary-hover:#2557c4;--color-danger:#d64545;--color-success:#2a9d5c;--color-warning:#c98a1d;--radius:8px;--shadow:0 1px 3px #10182814;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0}button,input,select,textarea{font-family:inherit;font-size:.95rem}a{color:var(--color-primary)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.topbar-brand{font-size:1.05rem;font-weight:700}.topbar-nav{flex-wrap:wrap;gap:1rem;display:flex}.topbar-nav a{color:var(--color-text-muted);border-radius:var(--radius);padding:.35rem .6rem;font-size:.9rem;text-decoration:none}.topbar-nav a.active,.topbar-nav a:hover{background:var(--color-bg);color:var(--color-text)}.topbar-user{color:var(--color-text-muted);align-items:center;gap:.75rem;font-size:.85rem;display:flex}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.25rem;padding:1.25rem}.card h2,.card h3{margin-top:0}.grid{gap:1.25rem;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem}.stat-tile .value{font-size:1.6rem;font-weight:700}.stat-tile .label{color:var(--color-text-muted);font-size:.85rem}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);border-left:3px solid var(--kpi-accent,var(--color-primary));align-items:center;gap:.9rem;padding:1.1rem 1.25rem;display:flex}.kpi-icon{background:color-mix(in srgb, var(--kpi-accent,var(--color-primary)) 14%, transparent);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.5rem;display:flex}.kpi-body .kpi-value{font-size:1.5rem;font-weight:700;line-height:1.2}.kpi-body .kpi-label{color:var(--color-text-muted);margin-top:.15rem;font-size:.8rem}.dashboard-section{margin-bottom:1.75rem}.dashboard-section-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.85rem;display:flex}.dashboard-section-header h3{margin:0;font-size:1.05rem}.dashboard-section-header .hint{color:var(--color-text-muted);font-size:.82rem}.chart-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=720px){.chart-grid{grid-template-columns:repeat(2,1fr)}}.chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.25rem .6rem}.chart-card h4{margin:0 0 .15rem;font-size:.95rem}.chart-card .chart-subtitle{color:var(--color-text-muted);margin-bottom:.5rem;font-size:.78rem}.chart-empty{color:var(--color-text-muted);text-align:center;padding:2rem 0;font-size:.85rem}.progress-row{align-items:center;gap:.75rem;padding:.45rem 0;display:flex}.progress-row .progress-name{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:130px;font-size:.85rem;overflow:hidden}.progress-row .progress-track{background:var(--color-bg);border-radius:999px;flex:1;height:8px;overflow:hidden}.progress-row .progress-fill{background:var(--color-success);border-radius:999px;height:100%;transition:width .3s}.progress-row .progress-pct{text-align:right;width:42px;color:var(--color-text-muted);flex-shrink:0;font-size:.82rem;font-weight:600}.pill-list{flex-wrap:wrap;gap:.35rem;display:flex}.pill{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .6rem;font-size:.78rem;display:inline-flex}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--color-border);padding:.5rem .6rem}th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.8rem;font-weight:600}.th-ordenable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.th-ordenable:hover{color:var(--color-text)}.sort-icon{font-size:.75rem;display:inline-block}.badge{border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-pendiente{color:var(--color-warning);background:#fdf0d5}.badge-pagado{color:var(--color-success);background:#e2f4e9}.badge-parcial,.badge-rol{color:var(--color-primary);background:#e8edfb}form{flex-direction:column;gap:.75rem;display:flex}.form-row{flex-direction:column;gap:.3rem;display:flex}.form-row label{color:var(--color-text-muted);font-size:.85rem}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);padding:.5rem .6rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px}button{cursor:pointer;border-radius:var(--radius);background:var(--color-primary);color:#fff;border:1px solid #0000;padding:.5rem .9rem;font-size:.85rem;font-weight:600;transition:background-color .12s,border-color .12s,color .12s}button:hover{background:var(--color-primary-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{color:var(--color-text-muted);border-color:var(--color-border);background:0 0;font-weight:500}button.secondary:hover{background:var(--color-bg);color:var(--color-text)}button.danger{color:var(--color-danger);background:0 0;border-color:#0000;font-weight:500}button.danger:hover{background:#fdeaea;border-color:#f6c9c9}button.btn-sm{padding:.32rem .65rem;font-size:.78rem}.row-menu{display:inline-block;position:relative}.row-menu-trigger{color:var(--color-text-muted);letter-spacing:.05em;background:0 0;border-color:#0000;padding:.3rem .55rem;font-size:1.1rem;line-height:1}.row-menu-trigger:hover{background:var(--color-bg);color:var(--color-text)}.row-menu-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);z-index:20;flex-direction:column;gap:.05rem;min-width:190px;padding:.3rem;display:flex;position:absolute;top:calc(100% + .3rem);right:0;box-shadow:0 10px 28px #1018282e}.row-menu-item{color:var(--color-text);text-align:left;border-radius:calc(var(--radius) - 2px);background:0 0;border:none;width:100%;padding:.5rem .6rem;font-size:.85rem;font-weight:500}.row-menu-item:hover{background:var(--color-bg)}.row-menu-item.danger{color:var(--color-danger)}.row-menu-item.danger:hover{background:#fdeaea}.row-actions{justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.error-text{color:var(--color-danger);font-size:.85rem}.muted{color:var(--color-text-muted);font-size:.85rem}.login-shell{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:380px;box-shadow:var(--shadow);padding:2rem}.section-title{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.tabs{border-bottom:1px solid var(--color-border);gap:.25rem;margin-bottom:1.25rem;display:flex}.tab-button{color:var(--color-text-muted);border-radius:var(--radius) var(--radius) 0 0;background:0 0;border:none;padding:.6rem 1.1rem;font-size:.9rem;font-weight:600}.tab-button:hover{background:var(--color-bg);color:var(--color-text)}.tab-button.active{background:var(--color-surface);color:var(--color-primary);box-shadow:inset 0 -2px 0 var(--color-primary)}.modal-overlay{z-index:100;background:#10182873;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--color-surface);border-radius:var(--radius);width:100%;max-width:480px;max-height:90vh;padding:1.25rem;overflow-y:auto;box-shadow:0 10px 30px #10182840}.modal-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.modal-header h3{margin:0}.modal-close{color:var(--color-text-muted);background:0 0;border:none;padding:.1rem .4rem;font-size:1.4rem;line-height:1}.modal-close:hover{background:var(--color-bg);color:var(--color-text)}.badge-cargado{color:var(--color-success);background:#e2f4e9}.badge-debe{color:var(--color-danger);background:#fdeaea}.badge-sin-cargo{color:var(--color-text-muted);background:#eceef1}.badge-descuento{color:var(--color-danger);background:#fdeaea;font-weight:600}.libro-totales{flex-wrap:wrap;gap:1.5rem;margin-bottom:1.25rem;display:flex}.libro-columna-debe{border-top:3px solid var(--color-danger)}.libro-columna-haber{border-top:3px solid var(--color-success)}.libro-linea{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:.75rem;padding:.5rem 0;font-size:.9rem;display:flex}.libro-linea:last-child{border-bottom:none}.libro-linea-detalle{flex-direction:column;display:flex}.libro-linea-monto{white-space:nowrap;font-weight:600}.monto-debe{color:var(--color-danger)}.monto-haber{color:var(--color-success)}