:root{--bg:#f4f4f4;--bg-card:#fff;--bg-header:#f7fafc;--bg-input:#fff;--bg-input-ro:#f7fafc;--bg-input-calc:#ebf8ff;--bg-filter:#fff;--bg-btn-subtle:#f0f0f0;--bg-btn-subtle-h:#e0e0e0;--bg-summary:#e8eaf6;--bg-row-hover:#e8f0fe;--bg-row-pagado:#e6f4ea;--bg-row-pendiente:#fffde7;--text:#222;--text-muted:#666;--text-faint:#999;--text-heading:#1a2d5a;--text-field:#4a5568;--text-disabled:#718096;--text-calc:#2b6cb0;--border:#e2e8f0;--border-table:#ddd;--border-input:#cbd5e0;--border-filter:#ddd;--border-btn:#ccc;--border-focus:#4299e1;--link:#1a56db;--table-th-bg:#2d4a7e;--table-th-hover:#3d5a8e;--table-th-border:#3a5a9e;--alert-error-bg:#fff5f5;--alert-error-border:#fc8181;--alert-error-text:#c53030;--alert-success-bg:#f0fff4;--alert-success-border:#68d391;--alert-success-text:#276749;--alert-warning-bg:#fffaf0;--alert-warning-border:#f6ad55;--alert-warning-text:#c05621;--kpi-label:#718096;--kpi-value:#1a2d5a;--kpi-sub:#a0aec0;--panel-title:#2d4a7e;--bar-label:#4a5568;--bar-track:#e2e8f0;--bar-value:#2d4a7e;--stat-border:#f4f4f4;--stat-label:#718096;--toggle-track-bg:#cbd5e0}html.dark{--bg:#0f172a;--bg-card:#1e293b;--bg-header:#1a2540;--bg-input:#1a2540;--bg-input-ro:#111827;--bg-input-calc:#162035;--bg-filter:#1e293b;--bg-btn-subtle:#334155;--bg-btn-subtle-h:#3f4f66;--bg-summary:#1a2545;--bg-row-hover:#1d3460;--bg-row-pagado:#0f2a1c;--bg-row-pendiente:#24200a;--text:#e2e8f0;--text-muted:#94a3b8;--text-faint:#64748b;--text-heading:#93c5fd;--text-field:#94a3b8;--text-disabled:#64748b;--text-calc:#60a5fa;--border:#334155;--border-table:#334155;--border-input:#475569;--border-filter:#334155;--border-btn:#475569;--border-focus:#3b82f6;--link:#60a5fa;--table-th-bg:#1d3560;--table-th-hover:#253f72;--table-th-border:#2a4880;--alert-error-bg:#2d1515;--alert-error-border:#7f2020;--alert-error-text:#fc8181;--alert-success-bg:#0f2a1c;--alert-success-border:#276749;--alert-success-text:#68d391;--alert-warning-bg:#2a1f0a;--alert-warning-border:#7d4a10;--alert-warning-text:#f6ad55;--kpi-label:#94a3b8;--kpi-value:#e2e8f0;--kpi-sub:#64748b;--panel-title:#60a5fa;--bar-label:#94a3b8;--bar-track:#334155;--bar-value:#60a5fa;--stat-border:#334155;--stat-label:#94a3b8;--toggle-track-bg:#475569}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);height:100%;font-family:Segoe UI,Arial,sans-serif;font-size:13px;transition:background-color .2s,color .2s}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}input,select,textarea{font-family:inherit;font-size:13px}.page-container{height:100dvh;display:flex}.main-content{background:var(--bg);flex:1;padding:16px;transition:background-color .2s;overflow:hidden auto}.data-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:12px}.data-table th{background:var(--table-th-bg);color:#fff;text-align:left;white-space:nowrap;z-index:1;border-right:1px solid var(--table-th-border);padding:4px 6px;font-weight:600;position:sticky;top:0}.data-table td{border-bottom:1px solid var(--border-table);white-space:nowrap;text-overflow:ellipsis;background:var(--bg-card);max-width:180px;color:var(--text);padding:3px 6px;transition:background-color .2s,color .2s;overflow:hidden}.data-table tr:hover td{cursor:pointer;background:var(--bg-row-hover)!important}.data-table tr.pagado td{background:var(--bg-row-pagado)}.data-table tr.pendiente td{background:var(--bg-row-pendiente)}.data-table tr.locked td{opacity:.7}.data-table th.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.th-sort:hover{background:var(--table-th-hover)}.data-table th.th-sort:after{content:" ↕";opacity:.35;font-size:9px}.data-table th.th-sort-asc:after{content:" ↑";opacity:.9}.data-table th.th-sort-desc:after{content:" ↓";opacity:.9}.table-scroll-wrap{max-height:calc(100vh - 230px);overflow:auto}.table-scroll-wrap.table-scroll-wrap-fill{flex:1;min-height:0;max-height:none}.page-flex-fill{flex-direction:column;height:calc(100vh - 32px);display:flex}.page-flex-fill>.page-header,.page-flex-fill>.filter-bar,.page-flex-fill>.alert-error{flex:none}.page-flex-fill>.loading{flex:1}.filter-bar{background:var(--bg-filter);border:1px solid var(--border-filter);border-radius:4px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding:8px 10px;transition:background-color .2s,border-color .2s;display:flex}.filter-bar label{color:var(--text-muted);margin-right:2px;font-size:11px}.filter-bar select,.filter-bar input{border:1px solid var(--border-btn);background:var(--bg-input);height:26px;color:var(--text);border-radius:3px;padding:3px 5px;font-size:12px}.filter-bar button{border:1px solid var(--border-btn);background:var(--bg-btn-subtle);height:26px;color:var(--text);border-radius:3px;padding:3px 10px;font-size:12px}.filter-bar button:hover{background:var(--bg-btn-subtle-h)}.summary-row{background:var(--bg-summary);font-size:11px;font-weight:700}.summary-row td{background:var(--bg-summary)!important;color:var(--text)!important}.btn{cursor:pointer;border:none;border-radius:3px;padding:4px 12px;font-size:12px}.btn-primary{color:#fff;background:#1a56db}.btn-primary:hover{background:#1446b8}.btn-danger{color:#fff;background:#e53e3e}.btn-danger:hover{background:#c53030}.btn-secondary{color:#fff;background:#718096}.btn-secondary:hover{background:#4a5568}.btn-sm{padding:2px 8px;font-size:11px}.page-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.page-header h1{color:var(--text-heading);font-size:16px;font-weight:700}.alert{border-radius:4px;margin-bottom:10px;padding:8px 12px;font-size:12px}.alert-error{background:var(--alert-error-bg);border:1px solid var(--alert-error-border);color:var(--alert-error-text)}.alert-success{background:var(--alert-success-bg);border:1px solid var(--alert-success-border);color:var(--alert-success-text)}.alert-warning{background:var(--alert-warning-bg);border:1px solid var(--alert-warning-border);color:var(--alert-warning-text)}.loading{text-align:center;color:var(--text-faint);padding:40px}.sidebar{color:#fff;background:#1a2d5a;flex-direction:column;width:180px;min-width:180px;min-height:0;padding-top:0;transition:width .2s,min-width .2s,transform .2s;display:flex}.sidebar.collapsed{width:0;min-width:0;overflow:hidden}.sidebar-collapse-toggle{color:#90caf9;cursor:pointer;background:#0f1e3d;border:none;border-bottom:1px solid #243a6e;flex:none;justify-content:center;align-items:center;width:100%;padding:6px 0;font-size:13px;display:none}.sidebar-collapse-toggle:hover{background:#14294f}.mobile-menu-toggle,.sidebar-backdrop,.sidebar-expand-toggle{display:none}@media (min-width:769px){.sidebar-collapse-toggle{display:flex}.sidebar-expand-toggle{z-index:20;border:1px solid var(--border-btn);background:var(--bg-card);width:28px;height:28px;color:var(--text);border-radius:6px;justify-content:center;align-items:center;display:flex;position:fixed;top:10px;left:10px;box-shadow:0 1px 4px #00000026}}@media (max-width:768px){.page-container{position:relative}.sidebar{z-index:40;width:220px;min-width:220px;height:100dvh;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:220px;min-width:220px}.sidebar-collapse-toggle{display:none!important}.mobile-menu-toggle{z-index:20;border:1px solid var(--border-btn);background:var(--bg-card);width:36px;height:36px;color:var(--text);border-radius:6px;justify-content:center;align-items:center;display:inline-flex;position:fixed;top:10px;left:10px;box-shadow:0 1px 4px #00000026}.sidebar-backdrop.open{z-index:30;background:#0006;display:block;position:fixed;inset:0}.main-content{padding-top:56px}}.sidebar-logo{letter-spacing:.5px;background:#0f1e3d;flex:none;padding:14px 16px;font-size:15px;font-weight:700}.sidebar-logo span{color:#90caf9}.sidebar-nav{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#1a2d5a;flex:auto;min-height:0;padding:10px 0 16px;overflow-y:auto}.sidebar-nav a,.sidebar-nav a:visited,.sidebar-nav a:focus,.sidebar-nav a:active{color:#cdd8f0;background:0 0;border-left:3px solid #0000;outline:none;padding:8px 16px;font-size:13px;text-decoration:none;display:block}.sidebar-nav a:hover,.sidebar-nav a:focus-visible,.sidebar-nav a.active{color:#fff;background:#243a6e;border-left-color:#90caf9}.sidebar-nav .nav-section{text-transform:uppercase;letter-spacing:1px;color:#7b90b8;padding:10px 16px 4px;font-size:10px}.sidebar-footer{color:#7b90b8;background:#1a2d5a;border-top:1px solid #243a6e;flex:none;padding:10px 16px;font-size:11px}.sidebar-footer .user-email{text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;overflow:hidden}.sidebar-footer button{color:#cdd8f0;background:0 0;border:1px solid #3a5a9e;border-radius:3px;width:100%;padding:4px 8px;font-size:11px}.sidebar-footer button:hover{background:#243a6e}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px;margin-bottom:14px;display:grid}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-top:3px solid #2d4a7e;border-radius:5px;padding:10px 12px;transition:background-color .2s,border-color .2s}.kpi-card.green{border-top-color:#38a169}.kpi-card.red{border-top-color:#e53e3e}.kpi-card.yellow{border-top-color:#d69e2e}.kpi-card.purple{border-top-color:#805ad5}.kpi-card.teal{border-top-color:#2b9c8c}.kpi-label{text-transform:uppercase;letter-spacing:.5px;color:var(--kpi-label);margin-bottom:3px;font-size:10px}.kpi-value{color:var(--kpi-value);font-size:17px;font-weight:700;line-height:1.2}.kpi-value.positive{color:#276749}.kpi-value.negative{color:#c53030}.kpi-sub{color:var(--kpi-sub);margin-top:2px;font-size:10px}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:5px;padding:12px;transition:background-color .2s,border-color .2s}.panel-title{color:var(--panel-title);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-bottom:6px;font-size:11px;font-weight:700}.dash-grid-2{grid-template-columns:1fr 1fr;align-items:start;gap:12px;margin-bottom:12px;display:grid}.dash-grid-3{grid-template-columns:1fr 1fr 1fr;align-items:start;gap:12px;margin-bottom:12px;display:grid}.panel-total{color:var(--panel-title);background:var(--bar-track);white-space:nowrap;border-radius:4px;margin:-2px 0 10px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-block}.bar-row{align-items:center;gap:6px;margin-bottom:5px;font-size:11px;display:flex}.bar-label{white-space:nowrap;text-overflow:ellipsis;width:110px;color:var(--bar-label);overflow:hidden}.bar-track{background:var(--bar-track);border-radius:4px;flex:1;min-width:40px;height:7px;overflow:hidden}.bar-fill{background:var(--bar-value);border-radius:4px;height:100%}.bar-fill.green{background:#38a169}.bar-fill.red{background:#e53e3e}.bar-fill.teal{background:#2b9c8c}.bar-value{text-align:right;min-width:82px;color:var(--bar-value);white-space:nowrap;font-size:11px;font-weight:600}.stat-table{border-collapse:collapse;width:100%;font-size:11px}.stat-table td{border-bottom:1px solid var(--stat-border);color:var(--text);padding:3px 0}.stat-table td:first-child{color:var(--stat-label);width:55%}.stat-table td:last-child{text-align:right;font-weight:600}.trend-up{color:#276749;font-size:11px}.trend-down{color:#c53030;font-size:11px}.trend-flat{color:var(--text-muted);font-size:11px}.toggle-switch{cursor:pointer;color:var(--text-field);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:11px;display:inline-flex}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--toggle-track-bg);border-radius:16px;flex-shrink:0;width:30px;height:16px;transition:background .2s;position:relative}.toggle-switch input:checked~.toggle-track{background:#1a56db}.toggle-track:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-switch input:checked~.toggle-track:after{transform:translate(14px)}