:root{--primary:#0f766e;--primary-dark:#115e59;--primary-soft:#ccfbf1;--accent:#f97316;--bg:#f6f7f9;--card:#fff;--border:#e5e7eb;--text:#0f172a;--muted:#64748b;--faint:#94a3b8;--positive:#16a34a;--warning:#d97706;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg)}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}.login{background:var(--primary);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--card);text-align:center;border-radius:20px;width:100%;max-width:400px;padding:40px}.logo{background:var(--primary);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:30px;font-weight:800;display:flex}.login-card h1{font-size:24px}.login-card p{color:var(--muted);margin:6px 0 24px;font-size:14px}.input{border:1px solid var(--border);background:var(--bg);border-radius:10px;width:100%;margin-bottom:12px;padding:12px 14px;font-size:15px}.btn{background:var(--primary);color:#fff;border:none;border-radius:10px;width:100%;padding:12px 18px;font-size:15px;font-weight:700}.btn:hover{background:var(--primary-dark)}.btn-sm{border-radius:8px;width:auto;padding:7px 12px;font-size:13px}.btn-danger{color:#dc2626;background:#fff;border:1px solid #fca5a5}.btn-danger:hover{background:#fef2f2}.tabs-bar{background:var(--card);border-bottom:1px solid var(--border)}.tabs{gap:6px;max-width:1100px;padding:0 28px;display:flex}.tab{color:var(--muted);background:0 0;border:none;border-bottom:3px solid #0000;margin-right:20px;padding:16px 4px;font-size:15px;font-weight:700}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.topbar{background:var(--primary);color:#fff;justify-content:space-between;align-items:center;padding:14px 28px;display:flex}.topbar .brand{align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.topbar .brand .dot{background:#fff3;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.topbar .tag{opacity:.85;font-size:12px;font-weight:600}.logout{color:#fff;background:#ffffff26;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.container{max-width:1100px;margin:0 auto;padding:28px}.crumb{color:var(--primary);background:0 0;border:none;margin-bottom:16px;padding:0;font-size:14px;font-weight:600}.kpis{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.kpi{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px}.kpi .v{color:var(--primary);font-size:28px;font-weight:800}.kpi .l{color:var(--muted);margin-top:4px;font-size:13px}.section-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-head h2{font-size:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:middle;padding:14px 18px;font-size:14px}th{background:var(--bg);color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px}tr+tr td{border-top:1px solid var(--border)}td .name{font-weight:700}td .sub{color:var(--muted);font-size:12px}.pill{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.pill.activa{background:var(--primary-soft);color:var(--primary-dark)}.pill.piloto{color:var(--warning);background:#fef3c7}.pill.enalta{color:var(--accent);background:#ffedd5}.pill.activo{background:var(--primary-soft);color:var(--primary-dark)}.pill.suspendido{color:#dc2626;background:#fee2e2}.bar{background:var(--bg);border-radius:999px;width:90px;height:8px;overflow:hidden}.bar>span{background:var(--primary);height:100%;display:block}.row-actions{text-align:right}.form-card{margin-bottom:16px;padding:18px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid label{color:var(--text);flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.form-grid input,.form-grid select{border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:10px 12px;font-size:14px;font-weight:400}.hint{color:var(--faint);margin-top:12px;font-size:12px}.btn:disabled{opacity:.5;cursor:default}.onb{color:var(--text);margin:12px 0 0;padding-left:18px;font-size:14px;line-height:1.7}.codebox{background:var(--primary-soft);border-radius:12px;flex-wrap:wrap;gap:24px;margin-top:16px;padding:14px 18px;display:flex}.codebox .cl{text-transform:uppercase;letter-spacing:.04em;color:var(--primary-dark);font-size:11px;font-weight:700;display:block}.codebox b{color:var(--primary-dark);font-size:15px}.detail-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.assign{gap:10px;margin-top:12px;display:flex}.assign select{border:1px solid var(--border);background:var(--bg);border-radius:10px;flex:1;padding:10px 12px}.btn-warn{background:var(--warning)}.btn-warn:hover{background:#b45309}.btn.ghost{background:var(--card);color:var(--primary);border:1px solid var(--border)}.btn.ghost:hover{background:var(--primary-soft)}.kpi.kg-teal{border-top:3px solid var(--primary)}.kpi.kg-teal .v{color:var(--primary)}.kpi.kg-green{border-top:3px solid var(--positive)}.kpi.kg-green .v{color:var(--positive)}.kpi.kg-orange{border-top:3px solid var(--accent)}.kpi.kg-orange .v{color:var(--accent)}.kpi.kg-red{border-top:3px solid #dc2626}.kpi.kg-red .v{color:#dc2626}.alerts{background:#fef2f2;border:1px solid #fecaca;border-radius:14px;margin-bottom:20px;padding:16px 18px}.alerts-h{color:#b91c1c;margin-bottom:12px;font-size:15px;font-weight:800}.alerts-row{flex-wrap:wrap;gap:10px;display:flex}.alert-chip{text-align:left;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:12px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.alert-chip b{color:var(--text);font-size:14px}.alert-chip span{color:#b91c1c;font-size:12px}.pipeline{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.pcol{background:var(--bg);border:1px solid var(--border);border-radius:14px;min-height:120px;padding:12px}.pcol-h{justify-content:space-between;align-items:center;padding:6px 8px 12px;font-size:14px;font-weight:800;display:flex}.pcol-h span{background:#fff;border-radius:999px;padding:1px 9px;font-size:12px}.pcol-h.lead{color:var(--accent)}.pcol-h.piloto{color:var(--warning)}.pcol-h.activa{color:var(--primary)}.pcard{background:var(--card);border:1px solid var(--border);border-radius:10px;margin-bottom:10px;padding:12px}.pcard .name{font-size:14px;font-weight:700}.pcard .sub{color:var(--muted);margin-top:3px;font-size:12px}.pempty{color:var(--faint);text-align:center;padding:16px}.ci{border:1px solid var(--border);background:var(--bg);border-radius:10px;width:100%;padding:11px 13px;font-family:inherit;font-size:14px}.sent{color:var(--text);flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:14px;display:flex}.pill.abierto{color:#dc2626;background:#fee2e2}.bill-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.bill{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px}.bill.blocked{background:#fef9f9;border-color:#fca5a5}.bill-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.mes-chips{gap:8px;margin-top:12px;display:flex}.mes-chip{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.mes-chip.ok{color:#15803d;background:#dcfce7}.mes-chip.no{color:#b45309;background:#fef3c7}.bill-mrr{color:var(--text);margin-top:12px;font-size:22px;font-weight:800}.bill-mrr span{color:var(--muted);font-size:13px;font-weight:600}.bill-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.blocked-note{color:#b91c1c;margin-top:10px;font-size:12px}.cobro{flex-direction:column;gap:8px;margin-top:14px;display:flex}.cobro-row{gap:8px;display:flex}.cobro-row .ci{flex:1}@media (width<=720px){.kpis,.detail-grid{grid-template-columns:repeat(2,1fr)}.form-grid,.pipeline,.bill-grid{grid-template-columns:1fr}}