:root{--sidebar:#1a1a1a;--fondo:#f5f5f5;--blanco:#fff;--borde:#e0e0e0;--texto:#1a1a1a;--muted:#777;--acento:#e85d04;--acento-hov:#c74e02;--sb-hover:#333;--verde:#2d6a4f;--verde-bg:#d8f3dc;--rojo:#922b21;--rojo-bg:#fadbd8;--ambar:#7d6608;--ambar-bg:#fef9e7;--azul:#1a4e8a;--azul-bg:#d6e4f7}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--fondo);color:var(--texto);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}.sidebar{background:var(--sidebar);z-index:100;flex-direction:column;width:200px;height:100vh;padding:20px 12px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-brand{margin-bottom:20px;padding:0 8px}.sidebar-brand p:first-child{color:#fff;font-size:14px;font-weight:700}.sidebar-brand p:last-child{color:#aaa;margin-top:2px;font-size:10px}.sidebar-divider{background:#333;height:1px;margin:10px 4px}.sidebar-cat{color:#888;letter-spacing:.5px;margin:8px 0 4px;padding:0 8px;font-size:9px;font-weight:700}.sidebar-link{color:#ccc;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-link:hover{background:var(--sb-hover);color:#fff}.sidebar-link.active{background:var(--acento);color:#fff}.sidebar-status{color:#888;margin-top:auto;padding:6px 8px;font-size:9px}.layout{min-height:100vh;display:flex}.main-content{flex:1;min-width:0;margin-left:200px;padding:0}html,body{max-width:100%;overflow-x:hidden}.page-header{border-bottom:1px solid var(--borde);z-index:50;background:#fff;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;position:sticky;top:0}.page-title{color:var(--texto);font-family:Georgia,serif;font-size:16px;font-weight:700}.page-body{padding:16px 20px}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--acento);color:#fff}.btn-primary:hover{background:var(--acento-hov)}.btn-dark{background:var(--texto);color:#fff}.btn-dark:hover{background:#333}.btn-ghost{background:var(--borde);color:var(--texto)}.btn-ghost:hover{background:#d0d0d0}.btn-verde{background:var(--verde-bg);color:var(--verde)}.btn-azul{background:var(--azul-bg);color:var(--azul)}.btn-rojo{background:var(--rojo);color:#fff}.btn-sm{border-radius:6px;padding:4px 10px;font-size:10px}.btn:disabled{opacity:.5;cursor:not-allowed}.card{border:1px solid var(--borde);background:#fff;border-radius:10px;margin-bottom:14px}.card-header{border-bottom:1px solid var(--borde);color:var(--texto);background:#f8f8f8;border-radius:10px 10px 0 0;padding:10px 16px;font-size:11px;font-weight:700}.card-body{padding:14px 16px}.metricas{flex-wrap:wrap;gap:12px;margin-bottom:14px;display:flex}.metrica{border:1px solid var(--borde);background:#fff;border-radius:8px;min-width:130px;padding:10px 16px}.metrica-label{color:var(--muted);margin-bottom:2px;font-size:9px}.metrica-valor{color:var(--texto);font-size:16px;font-weight:700}.titulo-excel{background:var(--texto);color:#fff;text-align:center;border-radius:8px;margin-bottom:14px;padding:10px 16px;font-size:12px;font-weight:700}.nota-info{background:var(--azul-bg);color:var(--azul);border:1px solid #b8d0f0;border-radius:8px;margin-bottom:14px;padding:8px 14px;font-size:10px}.search-bar{border:1px solid var(--borde);background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:10px 16px;display:flex}.search-input{border:1px solid var(--borde);border-radius:8px;outline:none;width:300px;padding:7px 12px;font-size:12px}.search-input:focus{border-color:var(--acento)}.tabla-wrap{border:1px solid var(--borde);background:#fff;border-radius:10px;max-height:calc(100vh - 360px);overflow:auto}.tabla{border-collapse:collapse;width:100%;font-size:10px}.tabla thead{z-index:10;position:sticky;top:0}.tabla thead tr{background:var(--texto);color:#fff}.tabla thead th{text-align:left;white-space:nowrap;letter-spacing:.3px;padding:9px 8px;font-size:9px;font-weight:700}.tabla tbody tr{border-bottom:1px solid #f0f0f0;transition:filter .1s}.tabla tbody tr:hover{filter:brightness(.97)}.tabla tbody td{white-space:nowrap;color:var(--texto);padding:6px 8px}.row-rojo-hoy{background:#e74c3c}.row-rojo-hoy td{font-weight:600;color:#fff!important}.row-rojo{background:var(--rojo-bg)}.row-ambar{background:var(--ambar-bg)}.row-verde{background:var(--verde-bg)}.row-white{background:#fff}.badge{cursor:pointer;border:none;border-radius:6px;padding:3px 8px;font-size:9px;font-weight:700;transition:all .15s;display:inline-block}.badge-pendiente{background:var(--ambar-bg);color:var(--ambar)}.badge-pagado{background:var(--verde-bg);color:var(--verde)}.alert-card{border:1px solid;border-radius:10px;margin-bottom:10px;padding:14px 16px}.alert-card-rojo-hoy{color:#fff;background:#e74c3c;border-color:#c0392b}.alert-card-rojo-hoy *{color:#fff!important}.alert-card-rojo{background:var(--rojo-bg);border-color:#f5b7b1}.alert-card-ambar{background:var(--ambar-bg);border-color:#f9e79f}.alert-card-verde{background:var(--verde-bg);border-color:#a9dfbf}.alert-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.alert-folio{font-size:13px;font-weight:700}.alert-dias{font-size:11px;font-weight:600}.alert-meta{color:var(--muted);flex-wrap:wrap;gap:20px;font-size:10px;display:flex}.alert-meta strong{color:var(--texto)}.alert-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.msg-banner{border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:9px 14px;font-size:11px;display:flex}.msg-info{background:var(--azul-bg);color:var(--azul)}.msg-ok{background:var(--verde-bg);color:var(--verde)}.msg-error{background:var(--rojo-bg);color:var(--rojo)}.input{border:1px solid var(--borde);border-radius:8px;outline:none;width:100%;padding:7px 12px;font-size:12px}.input:focus{border-color:var(--acento)}.input-sm{width:80px}.toggle{cursor:pointer;background:#ccc;border:none;border-radius:12px;width:44px;height:24px;transition:background .2s;position:relative}.toggle.on{background:var(--acento)}.toggle-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:left .2s;position:absolute;top:3px;left:3px}.toggle.on .toggle-knob{left:23px}.form-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.form-label{color:var(--texto);min-width:180px;font-size:12px}.code-block{color:#4ade80;white-space:pre;background:#1a1a1a;border-radius:8px;padding:14px;font-family:Courier New,monospace;font-size:11px;overflow:auto}.hamburguesa{z-index:200;background:var(--sidebar);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:none;position:fixed;top:12px;left:12px}.sidebar-overlay{z-index:99;background:#00000080;display:none;position:fixed;inset:0}@media (width<=1024px){.search-input{width:100%}.alert-meta{gap:12px}}@media (width<=900px){.sidebar{width:230px;transition:transform .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar.open~.sidebar-overlay{display:block}.main-content{margin-left:0}.hamburguesa{display:flex}.page-header{padding-left:62px}.page-body{padding:14px}.metrica{flex:1;min-width:calc(50% - 6px)}}@media (width<=560px){body,.page-title{font-size:14px}.page-header{flex-wrap:wrap;gap:8px}.metrica{min-width:100%}.search-bar{flex-direction:column;align-items:stretch}.btn{padding:9px 14px}.btn-sm{padding:7px 12px;font-size:11px}.tabla-wrap{max-height:none}.alert-meta{flex-direction:column;gap:4px}.alert-actions{flex-direction:column}.alert-actions .btn{justify-content:center;width:100%}}