:root{--bg:#f7f8fa;--card:#ffffff;--borde:#e7e9ee;--texto:#101828;--suave:#667085;--acento:#4f46e5;--ok:#12b76a;--alerta:#f79009;--malo:#f04438;--radio:14px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--texto);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.envoltorio{max-width:1180px;margin:0 auto;padding:0 20px 64px}.cabecera{display:flex;align-items:center;gap:22px;padding:18px 20px;border-bottom:1px solid var(--borde);background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.marca{font-weight:650;letter-spacing:-.2px}.marca span{color:var(--acento)}.nav{display:flex;gap:6px;flex:1 1;flex-wrap:wrap}.nav a{padding:7px 12px;border-radius:999px;color:var(--suave);font-weight:500}.nav a:hover{background:#f2f4f7;color:var(--texto)}.nav a.activo{background:#eef2ff;color:var(--acento)}h1{font-size:26px;letter-spacing:-.4px;margin:28px 0 6px}h2{font-size:17px;margin:26px 0 10px;letter-spacing:-.2px}.sub{color:var(--suave);margin:0 0 22px}.rejilla{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.rejilla.metricas{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.tarjeta{background:var(--card);border:1px solid var(--borde);border-radius:var(--radio);padding:16px}.tarjeta.pad{padding:20px}.metrica .num{font-size:28px;font-weight:680;letter-spacing:-.6px}.metrica .etq{color:var(--suave);font-size:13px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:11px 10px;border-bottom:1px solid var(--borde);vertical-align:middle}th{color:var(--suave);font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border-bottom:none}tbody tr:hover{background:#fbfcfe}.avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#eef2ff;color:var(--acento);display:inline-flex;align-items:center;justify-content:center;font-weight:650;font-size:13px}.avatar.grande{width:64px;height:64px;font-size:22px}.pastilla{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--borde);background:#fafbfc;color:var(--suave)}.pastilla.cliente{background:#ecfdf3;color:#027a48;border-color:#d1fadf}.pastilla.proveedor{background:#eff8ff;color:#175cd3;border-color:#d1e9ff}.pastilla.colaborador{background:#f4f3ff;color:#5925dc;border-color:#ebe9fe}.pastilla.lead{background:#fffaeb;color:#b54708;border-color:#fef0c7}.pastilla.personal,.pastilla.red{background:#f2f4f7}.imp{font-weight:700}.imp.alto{color:var(--ok)}.imp.medio{color:var(--alerta)}.imp.bajo{color:var(--suave)}.timeline{list-style:none;padding:0;margin:0}.timeline li{padding:12px 0;border-bottom:1px dashed var(--borde)}.timeline li:last-child{border-bottom:none}.tiempo{color:var(--suave);font-size:12.5px}.caja{width:100%;padding:10px 12px;border:1px solid var(--borde);border-radius:10px;font:inherit;background:#fff}.boton,button{background:var(--acento);color:#fff;border:0;border-radius:10px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer}.boton:hover,button:hover{filter:brightness(1.05)}.boton.secundario{background:#fff;color:var(--texto);border:1px solid var(--borde)}.vacio{padding:18px 0}.desglose,.vacio{color:var(--suave)}.desglose{font-size:12.5px}