      .filter-tab {
        padding: 6px 16px; border-radius: var(--radius-md); border: 1px solid var(--border-default);
        background: var(--bg-primary); color: var(--text-secondary); cursor: pointer;
        font-family: var(--font-body); font-size: 0.8125rem; font-weight: 500;
        transition: all 150ms ease;
      }
      .filter-tab:hover { background: var(--bg-tertiary); color: var(--text-primary); }
      .filter-tab.active { background: var(--accent); color: #fff; border-color: var(--accent); }
      .filter-tab:focus-visible { outline: 2px solid var(--border-focus); outline-offset: 2px; }

      .kpi-summary {
        display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-md);
        margin-bottom: var(--space-lg);
      }
      .kpi-card {
        background: var(--bg-secondary); border: 1px solid var(--border-default);
        border-radius: var(--radius-md); padding: var(--space-md);
      }
      .kpi-card-label {
        font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.07em;
        text-transform: uppercase; color: var(--text-tertiary); margin-bottom: 4px;
      }
      .kpi-card-value {
        font-family: var(--font-number, var(--font-heading));
        font-size: 1.5rem; font-weight: 700; color: var(--text-primary);
      }
      .kpi-card.kpi-banned .kpi-card-value { color: var(--status-error, #dc2626); }
      .kpi-card.kpi-restricted .kpi-card-value { color: var(--status-warning, #d97706); }

      .search-bar {
        display: flex; gap: var(--space-sm); margin-bottom: var(--space-md);
        flex-wrap: wrap;
      }
      .search-bar input[type="search"] {
        flex: 1; min-width: 200px; padding: 6px 10px;
        border: 1px solid var(--border-default); border-radius: var(--radius-md);
        background: var(--bg-primary); color: var(--text-primary);
        font-family: var(--font-body); font-size: 0.875rem;
      }

      .status-badge {
        display: inline-block; padding: 2px 8px; border-radius: var(--radius-sm);
        font-size: 0.75rem; font-weight: 600;
      }
      .status-badge.active { background: rgba(22,163,74,0.1); color: #16a34a; }
      .status-badge.banned { background: rgba(220,38,38,0.1); color: #dc2626; }
      .status-badge.restricted { background: rgba(217,119,6,0.1); color: #d97706; }

      .scheduling-badge {
        display: inline-block; padding: 1px 6px; border-radius: var(--radius-sm);
        font-size: 0.6875rem;
      }
      .scheduling-badge.yes { background: rgba(37,99,235,0.1); color: #2563eb; }
      .scheduling-badge.no { background: var(--bg-tertiary); color: var(--text-tertiary); }

      /* ── extracted inline style attributes (B-1, CSP compliance) ── */
      .cl-1 { display: flex; gap: var(--space-xs); margin-bottom: var(--space-md); flex-wrap: wrap; }
      .cl-2 { flex-wrap: wrap; gap: var(--space-md); }
      .cl-3 { display: none; }
      .cl-4 { display: none; justify-content: center; gap: var(--space-sm); padding: var(--space-md); }
      .cl-5 { padding: 6px 12px; font-size: 0.875rem; color: var(--text-secondary); }
