:root{--bb:#111;--bd:rgba(0,0,0,.18);--bg:#fff}
.bbcs-wrap .bbcs-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:10px 0 14px}
.bbcs-wrap .bbcs-filters input,.bbcs-wrap .bbcs-filters select{padding:8px 10px;border:1.5px solid var(--bd);border-radius:10px;background:#fff}
.bbcs-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0 0 14px}
.bbcs-card{background:#fff;border:1.5px solid var(--bd);border-radius:14px;padding:12px}
.bbcs-card .n{font-size:26px;font-weight:800}
.bbcs-card .t{color:#444;font-weight:600}
.bbcs-table-wrap{background:#fff;border:1.5px solid var(--bd);border-radius:14px;overflow:hidden}
.bbcs-table-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.08);gap:10px;flex-wrap:wrap}
.bbcs-legend{font-size:12px;color:#444;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.bbcs-dot{display:inline-block;width:10px;height:10px;border-radius:999px;margin-right:6px;border:1px solid rgba(0,0,0,.25)}
.bbcs-dot.completed{background:#22c55e}
.bbcs-dot.progress{background:#f59e0b}
.bbcs-dot.awaiting{background:#3b82f6}
.bbcs-dot.not_started{background:#e5e7eb}
.bbcs-dot.expired{background:#ef4444}
.bbcs-scroll{overflow:auto}
.bbcs-table{border-collapse:separate;border-spacing:0;min-width:980px;width:100%}
.bbcs-table th,.bbcs-table td{padding:10px 10px;border-bottom:1px solid rgba(0,0,0,.08);white-space:nowrap;text-align:left;font-size:13px}
.bbcs-table thead th{position:sticky;top:0;background:#fff;z-index:2;border-bottom:1px solid rgba(0,0,0,.15)}
.bbcs-name a{font-weight:700;color:#111;text-decoration:none}
.bbcs-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid rgba(0,0,0,.18);font-size:12px}
.bbcs-pill.expired{border-color:#ef4444;color:#b91c1c}
.bbcs-cell{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;border:1px solid rgba(0,0,0,.18)}
.bbcs-cell.completed{background:#22c55e}
.bbcs-cell.progress{background:#f59e0b}
.bbcs-cell.awaiting{background:#3b82f6}
.bbcs-cell.not_started{background:#e5e7eb}
.bbcs-cell.expired{background:#ef4444}