.wbi-v9 { padding:20px; font-family:inherit; }
.wbi-controls { display:flex; gap:15px; margin-bottom:20px; }
.wbi-search { padding:10px; width:260px; border:1px solid #ccc; border-radius:6px; }
.wbi-order { padding:10px; border-radius:6px; }

.wbi-kpis { margin-bottom:20px; }

.wbi-chips { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:20px; }
.wbi-chip { padding:6px 12px; background:#eee; border-radius:20px; cursor:pointer; }

.wbi-cards { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:22px; }
.wbi-card { opacity:0; border:1px solid #ddd; border-radius:10px; padding:20px; transition:.25s; }
.wbi-card.wbi-appear { opacity:1; transform:scale(1.03); }

.wbi-table .row { padding:10px 0; border-bottom:1px solid #eee; }

.wbi-pagination { margin-top:20px; }
.wbi-page { padding:6px 12px; border:1px solid #ccc; border-radius:6px; margin-right:5px; cursor:pointer; }