:root{--rojo:#ff2f12;--rosa:#ff0094;--dark:#12131a;--dark2:#1a1c26;--texto-principal:#111827;--texto-secundario:#374151;--gris:#6b7280;--gris2:#4b5563;--gris-muted:#9ca3af;--borde:#ececf0;--borde-divisor:#f1f2f5;--borde-dashed:#d1d5db;--grisclaro:#f3f4f6;--gradiente:linear-gradient(135deg,#ff2f12,#ff0094);--ok:#059669;--off:#c6c9d1;--exito:#059669;--exito-bg:#ecfdf5;--exito-borde:#bbf7d0;--alerta-icono:#b45309;--alerta-titulo:#92400e;--alerta-texto:#78350f;--alerta-bg:#fffbeb;--alerta-borde:#fde68a;--alerta-borde-fuerte:#fcd34d;--error-icono:#dc2626;--error-texto-boton:#b91c1c;--error-bg:#fef2f2;--error-borde:#fecaca;--error-borde-fuerte:#fca5a5;--rosa-bg:#ffe6f4;--rosa-bg-badge:#fdeef7;--rosa-borde:#fbcfe8;--celeste:#0080ca;--celeste-bg:#e6f8ff;--celeste-borde:#b3e5ff;--violeta-icono:#7c3aed;--violeta-bg:#f3f0ff}*{box-sizing:border-box;margin:0;padding:0;font-family:Montserrat,sans-serif}body{background:var(--grisclaro);color:var(--texto-principal)}.app{display:flex;min-height:100vh}.sidebar{width:250px;flex-shrink:0;background:#fff;color:var(--texto-principal);padding:22px 16px;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;z-index:10;border-right:1px solid var(--borde)}.brand,.sidebar{display:flex;flex-direction:column}.brand{align-items:center;gap:0;margin-bottom:24px;padding:8px 6px 18px;border-bottom:1px solid var(--borde)}.brand-logo{width:150px;height:auto;object-fit:contain}.brand .logo{width:34px;height:34px;border-radius:9px;background:var(--gradiente);flex-shrink:0}.brand .name{font-weight:800;font-size:16px;line-height:1.1}.brand .sub{font-size:11.5px;color:var(--gris);font-weight:600;text-align:center}.navgroup{font-size:10.5px;font-weight:700;letter-spacing:.6px;color:#adaab5;text-transform:uppercase;margin:16px 8px 8px}.navitem{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;font-size:13px;font-weight:600;color:var(--texto-secundario);cursor:pointer;margin-bottom:2px;transition:background .12s ease}.navitem:not(.disabled):not(.active):hover{background:var(--grisclaro)}.navitem .dot{width:6px;height:6px;border-radius:50%;background:#4b4e5c;flex-shrink:0}.navitem-icon{display:flex;align-items:center;justify-content:center;color:var(--gris-muted);flex-shrink:0}.navitem.active{background:var(--rosa-bg);color:var(--texto-principal)}.navitem.active .dot{background:var(--gradiente)}.navitem.active .navitem-icon{color:var(--rosa)}.navitem.disabled{color:#c7c5cf;cursor:default}.navitem.disabled .navitem-icon{color:#d5d3db}.navitem.disabled .tag{margin-left:auto;font-size:9px;background:var(--grisclaro);color:#b0acb8;padding:2px 6px;border-radius:20px}.sidebar-foot{margin-top:auto;background:var(--gradiente);border-radius:12px;padding:11px 13px;font-size:11.5px;color:#fff}.sidebar-foot b{color:#fff;display:block;font-size:12.5px}.main{flex:1 1;padding:30px 40px;max-width:1280px;margin-left:250px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.topbar h1{font-size:26px;font-weight:800;color:var(--texto-principal)}.topbar p{font-size:13.5px;color:var(--gris);font-weight:500;margin-top:3px}.btn{border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:13px;border-radius:10px;padding:11px 18px}.btn-primary{background:var(--gradiente);color:#fff}.btn-ghost{background:#fff;color:var(--texto-secundario);border:1px solid var(--borde)}.btn-success{background:var(--exito);color:#fff}.btn-danger{background:var(--error-icono);color:#fff}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:12px;border-radius:8px}.categoria-pill{display:inline-block;font-size:11px;font-weight:700;padding:4px 11px;border-radius:999px;background:var(--rosa-bg-badge);color:var(--rosa);border:1px solid var(--rosa-borde);margin:0 6px 6px 0}.toolbar{display:flex;gap:10px;margin-bottom:20px}.toolbar input{flex:1 1;max-width:340px}.toolbar input,.toolbar select{padding:10px 14px;border-radius:10px;border:1px solid var(--borde);font-size:13px;font-family:inherit}.toolbar select{color:var(--texto-secundario);background:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:14px;gap:14px}.empresa-card{background:#fff;border:1px solid var(--borde);border-radius:14px;padding:18px 20px;cursor:pointer;transition:.15s}.empresa-card:hover{border-color:#d8dae0;box-shadow:0 2px 10px rgba(0,0,0,.05)}.ec-name{font-size:15.5px;font-weight:800;color:var(--texto-principal);margin-bottom:6px}.ec-zona{font-size:12.5px;color:var(--gris);font-weight:500;margin-bottom:10px}.pill{display:inline-block;font-size:10.5px;font-weight:700;padding:4px 9px;border-radius:20px;background:rgba(255,47,18,.08);color:var(--rojo);margin-right:5px}.pill.blue{background:rgba(12,192,223,.1);color:#0891a8}.detail-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.back{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--gris);cursor:pointer;margin-bottom:14px}.detail-title h1{font-size:24px;font-weight:800}.detail-title .pill{margin-top:6px}.tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:1px solid var(--borde);flex-wrap:wrap}.tab{padding:11px 4px;margin-right:20px;font-size:12.5px;font-weight:700;color:var(--gris);cursor:pointer;white-space:nowrap;background:none;border:none;border-bottom:2.5px solid transparent}.tab.active{color:var(--texto-principal);border-bottom-color:var(--rosa)}.card{background:#fff;border:1px solid var(--borde);border-radius:14px;padding:26px;margin-bottom:16px}.fieldgrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px 20px;gap:16px 20px}.fieldgrid-filas{display:flex;flex-direction:column;gap:16px}.fieldgrid-fila{display:grid;grid-gap:16px 20px;gap:16px 20px}.fieldgrid-fila.fila-1{grid-template-columns:1fr}.fieldgrid-fila.fila-2{grid-template-columns:1fr 1fr}.fieldgrid-fila.fila-3{grid-template-columns:1fr 1fr 1fr}.field{margin-bottom:2px}.field.full{grid-column:1/-1}.field label{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--texto-secundario);margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.field label .req{color:var(--rosa);font-size:11px;text-transform:none;font-weight:800}.field input[type=date],.field input[type=number],.field input[type=password],.field input[type=text],.field select,.field textarea{width:100%;padding:10px 12px;border:1px solid var(--borde);border-radius:9px;font-size:13.5px;font-family:inherit;color:var(--texto-principal);background:#fbfbfc}.field textarea{resize:vertical;min-height:64px}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--rosa);background:#fff}.field input:disabled,.field select:disabled{background:var(--borde-divisor);color:#b4b7c0;cursor:not-allowed}.section-title{font-size:15px;font-weight:800;color:var(--texto-principal);margin-bottom:4px}.section-sub{font-size:12.5px;color:var(--gris);font-weight:500;margin-bottom:18px}.canal-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--borde-divisor);flex-wrap:wrap}.canal-row:last-child{border-bottom:none}.canal-row .cname{width:140px;font-size:13px;font-weight:700;flex-shrink:0}.switch{position:relative;width:38px;height:22px;flex-shrink:0;display:inline-block}.switch input{opacity:0;width:0;height:0}.slider{inset:0;background:var(--off);border-radius:20px;cursor:pointer}.slider,.slider:before{position:absolute;transition:.15s}.slider:before{content:"";width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%}.switch input:checked+.slider{background:var(--gradiente)}.switch input:checked+.slider:before{transform:translateX(16px)}.canal-extra{flex:1 1;display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:220px}.canal-extra input,.canal-extra select{flex:1 1;min-width:100px;padding:8px 10px;border:1px solid var(--borde);border-radius:8px;font-size:12.5px;font-family:inherit;background:#fbfbfc}.canal-extra input[type=number]{max-width:110px;flex:none}.canal-extra .mini-label{font-size:11px;color:var(--gris);font-weight:600;white-space:nowrap}.resp-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px;margin-top:6px}.resp-grid .field label{font-size:10.5px}.repeat-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:10px}.repeat-table th{text-align:left;padding:8px;font-size:10.5px;text-transform:uppercase;color:var(--gris);border-bottom:1px solid var(--borde)}.repeat-table td{padding:6px;border-bottom:1px solid var(--borde-divisor);vertical-align:middle}.repeat-table td input,.repeat-table td select{width:100%;padding:8px 9px;border:1px solid var(--borde);border-radius:8px;font-size:12.5px;font-family:inherit;background:#fbfbfc}.repeat-table td.chk{text-align:center;width:40px}.repeat-table td.del{width:34px;text-align:center}.del-btn{width:26px;height:26px;border-radius:7px;border:1px solid var(--borde);background:#fff;color:var(--gris-muted);cursor:pointer;font-size:13px;line-height:1}.del-btn:hover{color:var(--rojo);border-color:var(--rojo)}.add-row{font-size:12.5px;font-weight:700;color:var(--rosa);cursor:pointer;margin-top:4px;display:inline-block;background:none;border:none}.swatch{width:36px;height:36px;border-radius:9px;border:1px solid var(--borde);flex-shrink:0;background:#fff}.color-field{display:flex;gap:10px;align-items:center}.color-field input{flex:1 1}.toast{position:fixed;bottom:26px;right:26px;background:var(--dark);color:#fff;padding:14px 20px;border-radius:12px;font-size:13.5px;font-weight:600;gap:10px;box-shadow:0 6px 20px rgba(0,0,0,.2);z-index:50}.toast,.toast .chk{display:flex;align-items:center}.toast .chk{width:18px;height:18px;border-radius:50%;background:var(--gradiente);flex-shrink:0;justify-content:center;font-size:11px}.empty-note{font-size:12px;color:var(--gris-muted);font-weight:500;font-style:italic}.estado-row{display:flex;align-items:center;gap:10px}.loading-note{font-size:13px;color:var(--gris);font-weight:600;padding:40px;text-align:center}.modal-overlay{position:fixed;inset:0;background:rgba(17,24,39,.45);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal-flotante{width:100%;max-width:480px;max-height:88vh;overflow-y:auto;background:#fff;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.25);padding:26px}.modal-flotante .section-title{margin-bottom:2px}.bar-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.bar-row .bar-label{width:90px;flex-shrink:0;font-size:12px;font-weight:700;color:var(--texto-secundario)}.bar-track{flex:1 1;height:16px;background:var(--grisclaro);border-radius:8px;overflow:hidden;display:flex}.bar-fill{height:100%;border-radius:8px;transition:width .2s ease}.bar-fill.cobrado{background:var(--gradiente)}.bar-fill.gastado{background:var(--gris-muted)}.bar-row .bar-valor{width:110px;flex-shrink:0;text-align:right;font-size:12px;font-weight:700;color:var(--texto-principal)}.resumen-superior{display:flex;flex-wrap:wrap;gap:0;background:#fff;border:1px solid var(--borde);border-radius:14px;margin-bottom:20px;overflow:hidden}.resumen-item{display:flex;align-items:center;gap:12px;padding:18px 22px;flex:1 1;min-width:150px;border-right:1px solid var(--borde-divisor)}.resumen-item:last-child{border-right:none}.resumen-icono{width:36px;height:36px;border-radius:10px;background:var(--rosa-bg-badge);color:var(--rosa);display:flex;align-items:center;justify-content:center;flex-shrink:0}.resumen-valor{font-size:18px;font-weight:800;color:var(--texto-principal);line-height:1.2}.resumen-label{font-size:11.5px;color:var(--gris);font-weight:600;margin-top:1px}.icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--borde);background:#fff;color:var(--gris2);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-btn:hover{border-color:#c9ccd4;background:var(--grisclaro)}.menu-wrap{position:relative;display:inline-block}.menu-overlay{position:fixed;inset:0;z-index:60}.menu-desplegable{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:#fff;border:1px solid var(--borde);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.12);padding:6px;z-index:61;display:flex;flex-direction:column}.menu-desplegable button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:none;border:none;padding:9px 10px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--texto-secundario);cursor:pointer;font-family:inherit}.menu-desplegable button:hover{background:var(--grisclaro)}.menu-desplegable button.peligro{color:var(--error-texto-boton)}.menu-desplegable button.peligro:hover{background:var(--error-bg)}.menu-desplegable .menu-separador{height:1px;background:var(--borde-divisor);margin:5px 4px}.badge-venc{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:4px 9px;border-radius:20px;white-space:nowrap}.badge-venc.pagado{background:var(--exito-bg);color:var(--exito)}.badge-venc.alDia{background:var(--celeste-bg);color:var(--celeste)}.badge-venc.porVencer{background:var(--alerta-bg);color:var(--alerta-icono)}.badge-venc.vencido{background:var(--error-bg);color:var(--error-texto-boton)}.stat-donut-wrap{display:flex;align-items:center;gap:18px}.stat-donut-legend{display:flex;flex-direction:column;gap:8px;font-size:12px}.stat-donut-legend .item{display:flex;align-items:center;gap:7px;font-weight:600;color:var(--texto-secundario)}.stat-donut-legend .dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}@media(max-width:900px){.app{flex-direction:column}.sidebar{width:100%;position:static;height:auto}.main{margin-left:0}.fieldgrid{grid-template-columns:1fr}.resp-grid{grid-template-columns:repeat(2,1fr)}}