:root{--side:#25225e;--side-ink:#e4e3f7;--side-muted:#8d89d6;--primary:#4338ca;--primary-hover:#3730a3;--primary-soft:#eef0ff;--link:#4f46e5;--bg:#f6f7f9;--card:#fff;--line:#e4e6eb;--line-strong:#d1d5db;--ink:#111827;--ink-2:#374151;--muted:#6b7280;--red:#dc2626;--red-soft:#fef2f2;--green:#15803d;--yellow:#facc15;--info-bg:#dfe9fb;--info-line:#bcd0f3;--radius:10px;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg)}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--link)}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.menu-btn{margin-bottom:10px;display:none!important}.app{min-height:100%;display:flex}.side{background:var(--side);width:234px;color:var(--side-ink);flex-direction:column;flex:none;height:100vh;padding:10px 8px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:10px;padding:8px 10px 14px;display:flex}.brand-logo{background:var(--primary);color:#fff;border-radius:8px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.brand-name{font-size:15px;font-weight:600;line-height:1.15}.brand-sub{color:var(--side-muted);font-size:11.5px}.side-sec{letter-spacing:.06em;text-transform:uppercase;color:var(--side-muted);padding:16px 10px 6px;font-size:11px}.nav{color:var(--side-ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;margin:2px 0;padding:10px 12px;font-size:15px;text-decoration:none;display:flex}.nav:hover{background:#ffffff12}.nav.on{color:#fff;background:#4f46e5}.nav svg{flex:none;width:19px;height:19px}.side-foot{border-top:1px solid #ffffff1a;margin-top:auto;padding:12px 10px 4px;font-size:13px}.side-foot .who{font-weight:600}.side-foot .rol{color:var(--side-muted);text-transform:capitalize;font-size:12px}.main{flex:1;min-width:0;padding:22px 24px 40px}.page-title{margin:0 0 14px;font-size:21px;font-weight:650}.banner{background:var(--info-bg);border:1px solid var(--info-line);border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:11px 16px;font-size:14px;display:flex}.banner b{font-weight:650}.banner>svg{color:#1f2937;flex:none;width:20px;height:20px}.banner .sp{flex:1}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.tab{color:var(--link);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:9px 16px;font-size:15px}.tab:hover{background:var(--primary-soft)}.tab.on{background:var(--primary);color:#fff}.tab .cnt{opacity:.8;margin-left:4px;font-size:12px}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.inp,.sel{border:1px solid var(--line-strong);background:#fff;border-radius:6px;min-width:0;height:38px;padding:0 12px;font-size:15px}.inp:focus,.sel:focus,textarea:focus{border-color:var(--primary);outline:2px solid #c7d2fe}.sel{padding-right:8px}.inp[type=date]{width:158px}.inp.search{width:200px}textarea.inp{resize:vertical;height:auto;padding:8px 12px}.more{color:var(--primary);margin:2px 0 12px;font-size:13px}.more summary{cursor:pointer}.more .filters{margin-top:8px}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0 16px;display:flex}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;align-items:center;gap:7px;height:38px;padding:0 15px;font-size:15px;display:inline-flex}.btn svg{width:17px;height:17px}.btn-p{background:var(--primary);color:#fff}.btn-p:hover{background:var(--primary-hover)}.btn-o{border-color:var(--line-strong);color:var(--ink-2);background:#fff}.btn-o:hover{background:#f3f4f6}.btn-d{color:var(--red);background:#fff;border-color:#fca5a5}.btn-d:hover{background:var(--red-soft)}.btn-sm{height:30px;padding:0 10px;font-size:13px}.btn-icon{justify-content:center;width:38px;padding:0}.btn:disabled{opacity:.55;cursor:not-allowed}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.span-2{grid-column:span 2}.span-3{grid-column:1/-1}.fld label{color:var(--ink-2);margin-bottom:5px;font-size:13px;font-weight:600;display:block}.fld .inp,.fld .sel{width:100%}.fld .hint{color:var(--muted);margin-top:4px;font-size:12px}.seg{border:1px solid var(--line-strong);border-radius:6px;display:inline-flex;overflow:hidden}.seg button{cursor:pointer;border:0;border-right:1px solid var(--line-strong);background:#fff;padding:8px 14px;font-size:14px}.seg button:last-child{border-right:0}.seg button.on{background:var(--primary);color:#fff}.kpis{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:16px;display:grid}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 16px}.kpi .lbl{color:var(--ink-2);margin-bottom:6px;font-size:13px}.kpi .val{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:23px;font-weight:700}.kpi .sub{color:var(--muted);margin-top:4px;font-size:12.5px}.kpi.red .val{color:var(--red)}.kpi.click{cursor:pointer}.kpi.click:hover{border-color:#c7d2fe}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.card-h{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 16px;font-weight:650;display:flex}.card-h .sp{flex:1}.card-b{padding:16px}.tbl-wrap{overflow-x:auto}table.tbl{border-collapse:collapse;width:100%}.tbl th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;-webkit-user-select:none;user-select:none;background:#fff;padding:12px 8px;font-size:12px;font-weight:600}.tbl th.num{text-align:right}.tbl th.sort{cursor:pointer}.tbl th.sort:hover,.tbl th.on{color:var(--link)}.tbl th .ar{opacity:.45;margin-left:3px;font-size:11px}.tbl th.on .ar{opacity:1}.tbl td{vertical-align:middle;border-bottom:1px solid #eef0f3;padding:10px 8px;font-size:14px}.tbl tbody tr:hover td{background:#fafbff}.tbl tbody tr.click{cursor:pointer}.tbl tbody tr.sel td{background:var(--primary-soft)}.tbl tbody tr.anul td{color:#9ca3af;text-decoration:line-through}.tbl tbody tr.anul td .badge{text-decoration:none}.tbl tfoot td{border-top:1px solid var(--line);border-bottom:0;padding:12px 8px;font-weight:700}.tbl .lnk{color:var(--link);cursor:pointer;font-weight:600;text-decoration:underline}.tbl .small{color:var(--muted);margin-top:2px;font-size:12px}.tbl .small.red{color:var(--red)}.tbl td.chk,.tbl th.chk{width:34px;padding-right:0}.red{color:var(--red)}.muted{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:36px}.badge{white-space:nowrap;border-radius:5px;padding:3px 7px;font-size:11.5px;font-weight:700;line-height:1.25;display:inline-block}.b-pagada{background:var(--green);color:#fff}.b-pendiente{background:var(--primary);color:#fff}.b-abonada{background:var(--yellow);color:#1f2937}.b-vencida{background:var(--red);color:#fff}.b-anulada{color:#fff;background:#9ca3af}.b-soft{color:var(--ink-2);background:#eef0f3;font-weight:600}.b-lic{color:#5b21b6;background:#ede9fe;font-weight:600}.b-nc{color:#075985;background:#e0f2fe;font-weight:600}.ov{z-index:50;background:#11182773;justify-content:center;align-items:flex-start;padding:5vh 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:12px;width:100%;max-width:640px;box-shadow:0 20px 50px #00000040}.modal.wide{max-width:920px}.modal-h{border-bottom:1px solid var(--line);align-items:center;padding:16px 20px;display:flex}.modal-h h2{flex:1;margin:0;font-size:18px}.modal-b{padding:18px 20px}.modal-f{border-top:1px solid var(--line);background:#fafafa;border-radius:0 0 12px 12px;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.x{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:4px}.x svg{width:20px;height:20px}.err{background:var(--red-soft);color:#991b1b;border:1px solid #fecaca;border-radius:6px;margin-bottom:12px;padding:9px 12px;font-size:14px}.dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 18px;margin-bottom:16px;display:grid}.dl div span{color:var(--muted);margin-bottom:2px;font-size:12px;display:block}.dl div b{font-weight:600}.sec-t{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:18px 0 8px;font-size:13px;font-weight:700}.toasts{z-index:80;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:18px;right:18px}.toast{color:#fff;background:#111827;border-radius:8px;max-width:420px;padding:11px 16px;font-size:14px;box-shadow:0 8px 24px #0003}.toast.e{background:#991b1b}.two{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;margin-bottom:16px;display:grid}.chart{position:relative}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart .tip{pointer-events:none;color:#fff;white-space:nowrap;background:#111827;border-radius:6px;padding:7px 10px;font-size:12.5px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 6px 16px #0003}.rank{flex-direction:column;gap:10px;display:flex}.rank-row{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;font-size:13.5px;display:grid}.rank-row:hover .rank-name{color:var(--link)}.rank-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-bar{background:#eef0f3;border-radius:4px;grid-column:1/-1;height:8px;display:flex;overflow:hidden}.rank-bar i{background:#6366f1;height:100%;display:block}.rank-bar i.v{background:var(--red)}.legend{color:var(--muted);gap:14px;margin-top:10px;font-size:12.5px;display:flex}.legend i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:5px;display:inline-block}.login{background:linear-gradient(160deg, var(--side) 0%, #3b3794 100%);place-items:center;min-height:100%;padding:20px;display:grid}.login-card{background:#fff;border-radius:14px;width:100%;max-width:380px;padding:32px 30px;box-shadow:0 25px 60px #0000004d}.login-card h1{margin:14px 0 4px;font-size:21px}.login-card p{color:var(--muted);margin:0 0 20px}.login-card .fld{margin-bottom:14px}.login-card .btn{justify-content:center;width:100%}.rep-h{margin-bottom:12px}.rep-h h2{margin:0;font-size:18px}.rep-h .muted{font-size:13px}.rep-t{margin-bottom:18px}.rep-t .tbl td,.rep-t .tbl th{padding-left:7px;padding-right:7px;font-size:13px}.bar-cell{justify-content:flex-end;align-items:center;gap:8px;display:flex}.bar-cell i{background:#6366f1;border-radius:4px;height:7px;display:block}@media (width<=1100px){.two{grid-template-columns:1fr}.dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.side.open+.main:before{content:"";z-index:55;background:#00000059;position:fixed;inset:0}.side{z-index:60;transition:transform .2s;position:fixed;transform:translate(-100%)}.side.open{transform:none}.main{padding:14px}.menu-btn{display:inline-flex!important}.grid,.grid-3{grid-template-columns:1fr}.span-2{grid-column:auto}}@media print{.side,.no-print,.tabs,.filters,.actions,.more,.banner,.menu-btn{display:none!important}.main{padding:0}body{background:#fff}.card{border:0}.tbl th,.tbl td{padding:5px 6px;font-size:11px}.rep-t{break-inside:auto}}