<div data-controller="sidebar">
  <aside class="tw-sidebar">
    <!-- Logo -->
    <div class="tw-sidebar-logo">
      <a href="#" class="tw-sidebar-logo-link">
        <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path d="M37.47 38L29.43 17.99H26.34L18.27 38H21.12L22.89 33.53H32.85L34.62 38H37.47ZM32.13 31.34H23.64L27.87 20.54L32.13 31.34Z" fill="white"/>
          <path d="M39 18V14H37V18H33V20H37V24H39V20H43V18H39Z" fill="#EC634B"/>
        </svg>
      </a>
    </div>
    <!-- Navigation -->
    <nav class="tw-sidebar-nav" role="navigation" aria-label="LA Dashboard navigation">
      <!-- Overview (navigates to the Overview page) -->
      <a href="/lookbook/preview/projects/la_dashboard/overview"
       data-turbo="false"
       class="tw-sidebar-item"
       data-label="Overview">
        <i class="fa-light fa-chart-pie tw-sidebar-icon"></i>
        <span class="tw:sr-only">Overview</span>
      </a>
      <!-- Comparison (navigates to the Comparison page) -->
      <a href="/lookbook/preview/projects/la_dashboard/comparison"
       data-turbo="false"
       class="tw-sidebar-item"
       data-label="Comparison">
        <i class="fa-light fa-chart-column tw-sidebar-icon"></i>
        <span class="tw:sr-only">Comparison</span>
      </a>
      <!-- Schools (navigates to the Schools page) -->
      <a href="/lookbook/preview/projects/la_dashboard/schools"
       data-turbo="false"
       class="tw-sidebar-item"
       data-label="Schools">
        <i class="fa-light fa-school tw-sidebar-icon"></i>
        <span class="tw:sr-only">Schools</span>
      </a>
      <!-- Students (navigates to the Students page) -->
      <a href="/lookbook/preview/projects/la_dashboard/students"
       data-turbo="false"
       class="tw-sidebar-item tw-active"
       data-label="Students">
        <i class="fa-light fa-users tw-sidebar-icon"></i>
        <span class="tw:sr-only">Students</span>
      </a>
      <!-- Destination Tracker (navigates to the Destination Tracker page) -->
      <a href="/lookbook/preview/projects/la_dashboard/destination_tracker"
       data-turbo="false"
       class="tw-sidebar-item"
       data-label="Destination Tracker">
        <i class="fa-light fa-location-dot tw-sidebar-icon"></i>
        <span class="tw:sr-only">Destination Tracker</span>
      </a>
      <!-- Transitions (navigates to the Transitions page) -->
      <a href="/lookbook/preview/projects/la_dashboard/transitions"
       data-turbo="false"
       class="tw-sidebar-item"
       data-label="Transitions">
        <i class="fa-light fa-right-left tw-sidebar-icon"></i>
        <span class="tw:sr-only">Transitions</span>
      </a>
      <!-- SEND & NEET (navigates to the SEND & NEET page) -->
      <a href="/lookbook/preview/projects/la_dashboard/send_neet"
       data-turbo="false"
       class="tw-sidebar-item"
       data-label="SEND & NEET">
        <i class="fa-light fa-person-circle-exclamation tw-sidebar-icon"></i>
        <span class="tw:sr-only">SEND & NEET</span>
      </a>
    </nav>
    <!-- Bottom Section -->
    <div class="tw-sidebar-bottom">
      <a href="/lookbook/preview/projects/la_dashboard/settings"
       data-turbo="false"
       class="tw-sidebar-item"
       data-label="Settings">
        <i class="fa-light fa-cogs tw-sidebar-icon"></i>
        <span class="tw:sr-only">Settings</span>
      </a>
    </div>
  </aside>
  <header class="tw-topbar" role="banner">
    <div class="tw-topbar-left">
      <!-- LA brand lockup (logo placeholder + authority name) -->
      <div class="tw:flex tw:items-center tw:gap-3">
        <div class="tw-avatar tw-avatar-square tw-avatar-icon" role="img" aria-label="Hackney logo">
          <i class="fa-regular fa-building-columns tw:text-base"></i>
        </div>
        <h2 class="tw-h2 tw:text-neutral-800 tw:mb-0">Hackney</h2>
      </div>
    </div>
    <!-- UNUSED FOR NOW, JUST KEEP IT HERE -->
    <div class="tw-topbar-right">
      <div class="tw:flex tw:gap-0.5 tw:-mb-0.5 tw:flex-col">
        <div class="tw-dropdown tw-dropdown-sm" data-controller="dropdown" data-dropdown-auto-highlight-value="true">
          <button class="tw-dropdown-trigger" type="button"
                aria-haspopup="listbox" aria-expanded="false"
                data-dropdown-target="trigger"
                data-action="click->dropdown#toggle keydown->dropdown#keydown">
            <span class="tw:flex tw:items-center tw:gap-2 tw:min-w-0">
              <i class="fa-regular fa-calendar tw:text-muted"></i>
              <span class="tw:text-neutral-700">Academic Year:</span>
              <span class="tw:font-semibold tw:text-neutral-900" data-dropdown-target="label">2026/2027</span>
            </span>
            <svg class="tw-dropdown-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
              <path d="m2 5 6 6 6-6"/>
            </svg>
          </button>
          <div class="tw-dropdown-menu" role="listbox" data-dropdown-target="menu" tabindex="-1">
            <button class="tw-dropdown-item tw-active" role="option" data-dropdown-target="item" data-action="click->dropdown#select" data-value="2026/2027">
              <span class="tw-dropdown-item-text">2026/2027</span>
              <svg class="tw-dropdown-item-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
              </svg>
            </button>
            <button class="tw-dropdown-item" role="option" data-dropdown-target="item" data-action="click->dropdown#select" data-value="2025/2026">
              <span class="tw-dropdown-item-text">2025/2026</span>
              <svg class="tw-dropdown-item-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
              </svg>
            </button>
            <button class="tw-dropdown-item" role="option" data-dropdown-target="item" data-action="click->dropdown#select" data-value="2024/2025">
              <span class="tw-dropdown-item-text">2024/2025</span>
              <svg class="tw-dropdown-item-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
              </svg>
            </button>
            <button class="tw-dropdown-item" role="option" data-dropdown-target="item" data-action="click->dropdown#select" data-value="2023/2024">
              <span class="tw-dropdown-item-text">2023/2024</span>
              <svg class="tw-dropdown-item-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
              </svg>
            </button>
            <button class="tw-dropdown-item" role="option" data-dropdown-target="item" data-action="click->dropdown#select" data-value="2022/2023">
              <span class="tw-dropdown-item-text">2022/2023</span>
              <svg class="tw-dropdown-item-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
              </svg>
            </button>
            <button class="tw-dropdown-item" role="option" data-dropdown-target="item" data-action="click->dropdown#select" data-value="2021/2022">
              <span class="tw-dropdown-item-text">2021/2022</span>
              <svg class="tw-dropdown-item-check" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                <path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd" />
              </svg>
            </button>
          </div>
        </div>
        <p class="tw-small tw:text-neutral-600 tw:mb-0 tw:pl-3">
          <i class="fa-regular fa-arrow-right-arrow-left tw:mr-1"></i>
          Comparing year-on-year to <strong>2025/2026</strong>
        </p>
      </div>
      <!-- Action Buttons -->
      <!-- UNUSED FOR NOW, JUST KEEP IT HERE -->
      <!-- <button type="button" class="tw-btn tw-btn-soft-success tw-btn-multiline tw:hidden" data-controller="tooltip" data-tooltip-content-value="Referral Program" data-tooltip-placement-value="bottom">
      <i class="fa-solid fa-gift tw-icon-16"></i>
      Refer<br> & Save
    </button>
    <button type="button" class="tw-btn tw-btn-soft-primary tw-btn-multiline tw:hidden" data-controller="tooltip" data-tooltip-content-value="Discuss Ideas & Submit Feature Requests" data-tooltip-placement-value="bottom">
      <i class="fa-solid fa-users tw-icon-16"></i>
      Applicaa<br> Community
    </button>
    <button type="button" class="tw-btn tw-btn-soft-primary tw-btn-multiline" data-controller="tooltip" data-tooltip-content-value="Support & Feature Requests" data-tooltip-placement-value="bottom">
      <i class="fa-solid fa-comment-question tw-icon-16"></i>
      Support<br> & Requests
    </button> -->
      <!-- UNUSED FOR NOW, JUST KEEP IT HERE -->
      <div class="tw-topbar-action-icons tw:hidden">
        <!-- Notification Icon -->
        <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-topbar-notification-btn" aria-label="Notifications" data-controller="tooltip" data-tooltip-content-value="Notification" data-tooltip-placement-value="bottom">
          <i class="fa-solid fa-bell tw-icon-16"></i>
        </button>
      </div>
      <!-- <div class="tw-topbar-divider"></div> -->
      <!-- UNUSED FOR NOW, JUST KEEP IT HERE -->
      <!-- User Avatar Dropdown -->
      <!-- <div class="tw-dropdown tw-dropdown-icon tw-dropdown-borderless" data-controller="dropdown">
      <button type="button" class="tw-dropdown-trigger tw-topbar-avatar"
              aria-label="User menu"
              aria-haspopup="true"
              aria-expanded="false"
              data-dropdown-target="trigger"
              data-action="click->dropdown#toggle keydown->dropdown#keydown">
        <div class="tw-avatar tw-avatar-primary" role="img" aria-label="Jane Doe">
          <span>JD</span>
        </div>
      </button>
      <div class="tw-dropdown-menu tw-dropdown-menu-end" role="menu" data-dropdown-target="menu" tabindex="-1">
        <div class="tw-dropdown-header">John Doe</div>
        <div class="tw-dropdown-divider"></div>
        <button class="tw-dropdown-item" role="menuitem" data-dropdown-target="item" data-action="click->dropdown#select">
          <i class="fa-regular fa-circle-sterling tw-dropdown-item-icon"></i>
          <span class="tw-dropdown-item-text">Referrals & billing</span>
        </button>
        <button class="tw-dropdown-item" role="menuitem" data-dropdown-target="item" data-action="click->dropdown#select">
          <i class="fa-regular fa-lock tw-dropdown-item-icon"></i>
          <span class="tw-dropdown-item-text">Password & security</span>
        </button>
        <div class="tw-dropdown-divider"></div>
        <button class="tw-dropdown-item" role="menuitem" data-dropdown-target="item" data-action="click->dropdown#select">
          <i class="fa-regular fa-layer-group tw-dropdown-item-icon"></i>
          <span class="tw-dropdown-item-text">Multiple form</span>
        </button>
        <button class="tw-dropdown-item" role="menuitem" data-dropdown-target="item" data-action="click->dropdown#select">
          <i class="fa-regular fa-envelope tw-dropdown-item-icon"></i>
          <span class="tw-dropdown-item-text">Email preferences</span>
        </button>
        <button class="tw-dropdown-item" role="menuitem" data-dropdown-target="item" data-action="click->dropdown#select">
          <i class="fa-regular fa-right-from-bracket tw-dropdown-item-icon"></i>
          <span class="tw-dropdown-item-text">Logout</span>
        </button>
      </div>
    </div> -->
    </div>
  </header>
  <main class="tw-sidebar-topbar-content-offset tw:bg-background tw-min-h-screen-offset">
    <div class="tw-container-fluid tw-page-container">
      <!-- Page header: breadcrumb + title + subtitle -->
      <div class="tw-page-header tw:mb-4">
        <div class="tw-page-header-breadcrumb">
          <nav aria-label="Breadcrumb">
            <ol class="tw-breadcrumb">
              <li class="tw-breadcrumb-item">
                <a href="/lookbook/preview/projects/la_dashboard/overview" data-turbo="false" aria-label="Home">
                  <i class="fa-solid fa-house tw-breadcrumb-item-icon"></i>
                </a>
              </li>
              <li class="tw-breadcrumb-item tw-active" aria-current="page">Students</li>
            </ol>
          </nav>
        </div>
        <div class="tw-page-header-main">
          <div class="tw-page-header-title-group">
            <h1 class="tw-page-header-title">Students</h1>
            <span class="tw-page-header-subtitle">Year 11 cohort — post-16 applications and destination tracking</span>
          </div>
        </div>
      </div>
      <div data-controller="students course-type-drilldown tabs" data-course-type-drilldown-popup-outlet="[data-course-type-popup]">
        <!-- Sub-tabs (Alloy VIEW_TABS) -->
        <div class="tw-tabs" role="tablist" aria-label="Students views">
          <button class="tw-tab tw-active" role="tab" aria-selected="true" type="button" data-tabs-target="tab" data-action="click->tabs#select keydown->tabs#keydown">Student list</button>
          <button class="tw-tab" role="tab" aria-selected="false" type="button" data-tabs-target="tab" data-action="click->tabs#select keydown->tabs#keydown">Demand vs. local offer</button>
          <button class="tw-tab" role="tab" aria-selected="false" type="button" data-tabs-target="tab" data-action="click->tabs#select keydown->tabs#keydown">Applications to Entry–Level 2</button>
        </div>
        <!-- Panel 0: Student list -->
        <div data-tabs-target="panel" role="tabpanel" class="tw:pt-4 tw-active">
          <!-- Prominent search -->
          <div class="tw-input-group tw-has-icon-start tw-has-icon-end tw:mb-4">
            <i class="tw-input-group-icon tw-input-group-icon-start fa-solid fa-magnifying-glass"></i>
            <input type="search" class="tw-form-control tw-form-control-lg"
                 placeholder="Search by student, UPN, school, institution or subject…"
                 aria-label="Search students"
                 data-students-target="input" data-action="input->students#search">
            <button type="button" class="tw-input-group-icon tw-input-group-icon-end tw-input-group-icon-clickable"
                  aria-label="Clear search" data-students-target="clear" data-action="click->students#clear" hidden>
              <i class="fa-solid fa-xmark"></i>
            </button>
          </div>
          <!-- Summary stats -->
          <div class="tw:grid tw:grid-cols-2 tw:lg:grid-cols-4 tw:gap-3 tw:mb-6">
            <div class="tw-card tw:h-full">
              <div class="tw-card-body tw-stat-tile">
                <span class="tw-stat-tile-label">Students tracked</span>
                <span class="tw-stat-tile-value">20</span>
              </div>
            </div>
            <div class="tw-card tw:h-full">
              <div class="tw-card-body tw-stat-tile">
                <span class="tw-stat-tile-label">Enrolled / confirmed</span>
                <span class="tw-stat-tile-value">6</span>
              </div>
            </div>
            <div class="tw-card tw:h-full">
              <div class="tw-card-body tw-stat-tile">
                <span class="tw-stat-tile-label">Applications in progress</span>
                <span class="tw-stat-tile-value tw-stat-tile-value-warning">11</span>
              </div>
            </div>
            <div class="tw-card tw:h-full">
              <div class="tw-card-body tw-stat-tile">
                <span class="tw-stat-tile-label">No applications</span>
                <span class="tw-stat-tile-value tw-stat-tile-value-danger">3</span>
              </div>
            </div>
          </div>
          <!-- Roster -->
          <div class="tw-data-table tw-card tw:overflow-hidden">
            <div class="tw-data-table-toolbar tw:px-4">
              <div class="tw-data-table-toolbar-start">
                <i class="fa-solid fa-users tw:text-primary-500"></i>
                <span class="tw:font-semibold tw:text-body-s">Student roster</span>
                <span class="tw-small tw:text-muted" data-students-target="count">20 of 20</span>
              </div>
              <div class="tw-data-table-toolbar-end">
                <div class="tw:flex tw:items-center tw:gap-2">
                  <span class="tw-small tw:font-semibold tw:text-muted tw:uppercase">Status</span>
                  <div class="tw:flex tw:flex-wrap tw:gap-1" role="group" aria-label="Filter by status">
                    <button type="button" class="tw-tag tw-tag-pill tw-tag-primary tw-tag-interactive" data-status="all" data-variant="primary" data-students-target="statusPill" data-action="click->students#selectStatus" aria-pressed="true">All</button>
                    <button type="button" class="tw-tag tw-tag-pill tw-tag-success-subtle tw-tag-interactive" data-status="confirmed" data-variant="success" data-students-target="statusPill" data-action="click->students#selectStatus" aria-pressed="false">Confirmed</button>
                    <button type="button" class="tw-tag tw-tag-pill tw-tag-warning-subtle tw-tag-interactive" data-status="pending" data-variant="warning" data-students-target="statusPill" data-action="click->students#selectStatus" aria-pressed="false">Pending</button>
                    <button type="button" class="tw-tag tw-tag-pill tw-tag-danger-subtle tw-tag-interactive" data-status="unknown" data-variant="danger" data-students-target="statusPill" data-action="click->students#selectStatus" aria-pressed="false">Unknown</button>
                  </div>
                </div>
                <div class="tw:flex tw:items-center tw:gap-2">
                  <span class="tw-small tw:font-semibold tw:text-muted tw:uppercase">NEET risk</span>
                  <div class="tw:flex tw:flex-wrap tw:gap-1" role="group" aria-label="Filter by NEET risk">
                    <button type="button" class="tw-tag tw-tag-pill tw-tag-primary tw-tag-interactive" data-risk="all" data-variant="primary" data-students-target="riskPill" data-action="click->students#selectRisk" aria-pressed="true">All</button>
                    <button type="button" class="tw-tag tw-tag-pill tw-tag-primary-subtle tw-tag-interactive" data-risk="no-risk" data-variant="primary" data-students-target="riskPill" data-action="click->students#selectRisk" aria-pressed="false">No risk</button>
                    <button type="button" class="tw-tag tw-tag-pill tw-tag-success-subtle tw-tag-interactive" data-risk="low" data-variant="success" data-students-target="riskPill" data-action="click->students#selectRisk" aria-pressed="false">Low</button>
                    <button type="button" class="tw-tag tw-tag-pill tw-tag-warning-subtle tw-tag-interactive" data-risk="medium" data-variant="warning" data-students-target="riskPill" data-action="click->students#selectRisk" aria-pressed="false">Medium</button>
                    <button type="button" class="tw-tag tw-tag-pill tw-tag-danger-subtle tw-tag-interactive" data-risk="high" data-variant="danger" data-students-target="riskPill" data-action="click->students#selectRisk" aria-pressed="false">High</button>
                  </div>
                </div>
              </div>
            </div>
            <div class="tw-data-table-body">
              <table class="tw-table tw-table-hover">
                <thead>
                  <tr>
                    <th class="tw:w-10"></th>
                    <th>Student</th>
                    <th>Residency</th>
                    <th>Status</th>
                    <th>NEET</th>
                    <th>Stage</th>
                    <th>Destination</th>
                    <th class="tw:text-center">Apps</th>
                  </tr>
                </thead>
                <tbody>
                  <tr class="tw-table-row-clickable" data-students-target="row" data-id="r1" data-status="confirmed" data-risk="no-risk" data-search="amara okafor v204590411904 mossbourne community academy resident mossbourne sixth form a-levels (biology, chemistry, maths) a-levels the city academy sixth form a-levels (sciences) a-levels" data-action="click->students#rowClick">
                    <td class="tw:text-center">
                      <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-btn-sm" data-id="r1" data-action="click->students#toggle" aria-expanded="false" aria-controls="stu-detail-1" aria-label="Toggle applications for Amara Okafor">
                        <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                      </button>
                    </td>
                    <td>
                      <div class="tw:font-semibold">Amara Okafor</div>
                      <div class="tw-small tw:text-muted"><span class="tw:font-mono">V204590411904</span> · Mossbourne Community Academy</div>
                    </td>
                    <td><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Resident</span></td>
                    <td><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Confirmed</span></td>
                    <td><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">No risk</span></td>
                    <td><span class="tw:inline-flex tw:items-center tw:gap-1"><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Enrolled</span></span></td>
                    <td><span class="tw:font-semibold tw:text-green-600">Mossbourne Sixth Form</span><span class="tw:text-muted"> · A-Levels (Biology, Chemistry, Maths)</span></td>
                    <td class="tw:text-center tw:font-semibold tw:text-primary-500 tw:tabular-nums">2</td>
                  </tr>
                  <tr id="stu-detail-1" data-students-target="detail" data-id="r1" hidden>
                    <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                      <div class="tw:px-4 tw:py-2 tw:pl-12">
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Enrolled</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-green-600">Mossbourne Sixth Form</span><span class="tw:text-muted"> · A-Levels (Biology, Chemistry, Maths)</span></span>
                          <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          <span class="tw-badge tw-badge-success-subtle tw-badge-xs tw:shrink-0">Destination</span>
                        </div>
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Offered</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">The City Academy Sixth Form</span><span class="tw:text-muted"> · A-Levels (Sciences)</span></span>
                          <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr data-students-target="row" data-status="unknown" data-risk="high" data-search="daniel whyte v204608811088 the excelsior academy resident">
                    <td></td>
                    <td>
                      <div class="tw:font-semibold">Daniel Whyte</div>
                      <div class="tw-small tw:text-muted"><span class="tw:font-mono">V204608811088</span> · The Excelsior Academy</div>
                    </td>
                    <td><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Resident</span></td>
                    <td><span class="tw-badge tw-badge-danger-subtle tw-badge-sm">Unknown</span></td>
                    <td><span class="tw-badge tw-badge-danger-subtle tw-badge-sm">High</span></td>
                    <td><span class="tw:text-neutral-400">—</span></td>
                    <td><span class="tw:text-danger tw:font-semibold">No applications</span></td>
                    <td class="tw:text-center tw:font-semibold tw:text-neutral-400 tw:tabular-nums">0</td>
                  </tr>
                  <tr class="tw-table-row-clickable" data-students-target="row" data-id="r3" data-status="pending" data-risk="low" data-search="sofia marin z204866911669 clapton girls' academy resident bsix college btec health & social care (l3) health & social care new city college btec health studies (l2) health & social care" data-action="click->students#rowClick">
                    <td class="tw:text-center">
                      <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-btn-sm" data-id="r3" data-action="click->students#toggle" aria-expanded="false" aria-controls="stu-detail-3" aria-label="Toggle applications for Sofia Marin">
                        <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                      </button>
                    </td>
                    <td>
                      <div class="tw:font-semibold">Sofia Marin</div>
                      <div class="tw-small tw:text-muted"><span class="tw:font-mono">Z204866911669</span> · Clapton Girls' Academy</div>
                    </td>
                    <td><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Resident</span></td>
                    <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Pending</span></td>
                    <td><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Low</span></td>
                    <td><span class="tw:inline-flex tw:items-center tw:gap-1"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Accepted</span></span></td>
                    <td><span class="tw:text-muted">Accepted: BSix College</span></td>
                    <td class="tw:text-center tw:font-semibold tw:text-primary-500 tw:tabular-nums">2</td>
                  </tr>
                  <tr id="stu-detail-3" data-students-target="detail" data-id="r3" hidden>
                    <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                      <div class="tw:px-4 tw:py-2 tw:pl-12">
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Accepted</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">BSix College</span><span class="tw:text-muted"> · BTEC Health & Social Care (L3)</span></span>
                          <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                        </div>
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-secondary-subtle tw-badge-sm">Applied</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Level 2</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">New City College</span><span class="tw:text-muted"> · BTEC Health Studies (L2)</span></span>
                          <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr class="tw-table-row-clickable" data-students-target="row" data-id="r4" data-status="pending" data-risk="medium" data-search="yusuf rahman m204344111441 haggerston school non-resident new city college btec engineering (l3) engineering hackney collegiate sixth form btec engineering (l2) engineering" data-action="click->students#rowClick">
                    <td class="tw:text-center">
                      <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-btn-sm" data-id="r4" data-action="click->students#toggle" aria-expanded="false" aria-controls="stu-detail-4" aria-label="Toggle applications for Yusuf Rahman">
                        <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                      </button>
                    </td>
                    <td>
                      <div class="tw:font-semibold">Yusuf Rahman</div>
                      <div class="tw-small tw:text-muted"><span class="tw:font-mono">M204344111441</span> · Haggerston School</div>
                    </td>
                    <td><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Non-Resident</span></td>
                    <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Pending</span></td>
                    <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Medium</span></td>
                    <td><span class="tw:inline-flex tw:items-center tw:gap-1"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Offered</span></span></td>
                    <td><span class="tw:text-muted">Offered: New City College</span></td>
                    <td class="tw:text-center tw:font-semibold tw:text-primary-500 tw:tabular-nums">2</td>
                  </tr>
                  <tr id="stu-detail-4" data-students-target="detail" data-id="r4" hidden>
                    <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                      <div class="tw:px-4 tw:py-2 tw:pl-12">
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Offered</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">New City College</span><span class="tw:text-muted"> · BTEC Engineering (L3)</span></span>
                          <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                        </div>
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-secondary-subtle tw-badge-sm">Applied</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Level 2</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">Hackney Collegiate Sixth Form</span><span class="tw:text-muted"> · BTEC Engineering (L2)</span></span>
                          <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr class="tw-table-row-clickable" data-students-target="row" data-id="r5" data-status="confirmed" data-risk="no-risk" data-search="grace bennett j204225011250 stoke newington school resident stoke newington sixth form a-levels (english, history, psychology) a-levels" data-action="click->students#rowClick">
                    <td class="tw:text-center">
                      <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-btn-sm" data-id="r5" data-action="click->students#toggle" aria-expanded="false" aria-controls="stu-detail-5" aria-label="Toggle applications for Grace Bennett">
                        <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                      </button>
                    </td>
                    <td>
                      <div class="tw:font-semibold">Grace Bennett</div>
                      <div class="tw-small tw:text-muted"><span class="tw:font-mono">J204225011250</span> · Stoke Newington School</div>
                    </td>
                    <td><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Resident</span></td>
                    <td><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Confirmed</span></td>
                    <td><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">No risk</span></td>
                    <td><span class="tw:inline-flex tw:items-center tw:gap-1"><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Enrolled</span></span></td>
                    <td><span class="tw:font-semibold tw:text-green-600">Stoke Newington Sixth Form</span><span class="tw:text-muted"> · A-Levels (English, History, Psychology)</span></td>
                    <td class="tw:text-center tw:font-semibold tw:text-primary-500 tw:tabular-nums">1</td>
                  </tr>
                  <tr id="stu-detail-5" data-students-target="detail" data-id="r5" hidden>
                    <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                      <div class="tw:px-4 tw:py-2 tw:pl-12">
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Enrolled</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-green-600">Stoke Newington Sixth Form</span><span class="tw:text-muted"> · A-Levels (English, History, Psychology)</span></span>
                          <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          <span class="tw-badge tw-badge-success-subtle tw-badge-xs tw:shrink-0">Destination</span>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr class="tw-table-row-clickable" data-students-target="row" data-id="r6" data-status="pending" data-risk="low" data-search="leon carter m204798111981 the city academy, hackney resident the city academy sixth form a-levels (business, economics, maths) a-levels bsix college btec it (l2) it & computing" data-action="click->students#rowClick">
                    <td class="tw:text-center">
                      <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-btn-sm" data-id="r6" data-action="click->students#toggle" aria-expanded="false" aria-controls="stu-detail-6" aria-label="Toggle applications for Leon Carter">
                        <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                      </button>
                    </td>
                    <td>
                      <div class="tw:font-semibold">Leon Carter</div>
                      <div class="tw-small tw:text-muted"><span class="tw:font-mono">M204798111981</span> · The City Academy, Hackney</div>
                    </td>
                    <td><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Resident</span></td>
                    <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Pending</span></td>
                    <td><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Low</span></td>
                    <td><span class="tw:inline-flex tw:items-center tw:gap-1"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Accepted</span></span></td>
                    <td><span class="tw:text-muted">Accepted: The City Academy Sixth Form</span></td>
                    <td class="tw:text-center tw:font-semibold tw:text-primary-500 tw:tabular-nums">2</td>
                  </tr>
                  <tr id="stu-detail-6" data-students-target="detail" data-id="r6" hidden>
                    <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                      <div class="tw:px-4 tw:py-2 tw:pl-12">
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Accepted</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">The City Academy Sixth Form</span><span class="tw:text-muted"> · A-Levels (Business, Economics, Maths)</span></span>
                          <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                        </div>
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-secondary-subtle tw-badge-sm">Applied</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Level 2</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">BSix College</span><span class="tw:text-muted"> · BTEC IT (L2)</span></span>
                          <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr class="tw-table-row-clickable" data-students-target="row" data-id="r7" data-status="confirmed" data-risk="no-risk" data-search="mei lin t204237011370 skinners’ academy resident camden school for girls a-levels (maths, further maths, physics) a-levels stoke newington sixth form a-levels (maths, physics) a-levels" data-action="click->students#rowClick">
                    <td class="tw:text-center">
                      <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-btn-sm" data-id="r7" data-action="click->students#toggle" aria-expanded="false" aria-controls="stu-detail-7" aria-label="Toggle applications for Mei Lin">
                        <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                      </button>
                    </td>
                    <td>
                      <div class="tw:font-semibold">Mei Lin</div>
                      <div class="tw-small tw:text-muted"><span class="tw:font-mono">T204237011370</span> · Skinners’ Academy</div>
                    </td>
                    <td><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Resident</span></td>
                    <td><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Confirmed</span></td>
                    <td><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">No risk</span></td>
                    <td><span class="tw:inline-flex tw:items-center tw:gap-1"><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Enrolled</span></span></td>
                    <td><span class="tw:font-semibold tw:text-green-600">Camden School for Girls</span><span class="tw:text-muted"> · A-Levels (Maths, Further Maths, Physics)</span></td>
                    <td class="tw:text-center tw:font-semibold tw:text-primary-500 tw:tabular-nums">2</td>
                  </tr>
                  <tr id="stu-detail-7" data-students-target="detail" data-id="r7" hidden>
                    <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                      <div class="tw:px-4 tw:py-2 tw:pl-12">
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Enrolled</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-green-600">Camden School for Girls</span><span class="tw:text-muted"> · A-Levels (Maths, Further Maths, Physics)</span></span>
                          <span class="tw-badge tw-badge-warning-subtle tw-badge-xs tw:shrink-0">Out of borough</span>
                          <span class="tw-badge tw-badge-success-subtle tw-badge-xs tw:shrink-0">Destination</span>
                        </div>
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Offered</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">Stoke Newington Sixth Form</span><span class="tw:text-muted"> · A-Levels (Maths, Physics)</span></span>
                          <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr data-students-target="row" data-status="unknown" data-risk="high" data-search="tariq hassan u204840111401 cardinal pole catholic school resident">
                    <td></td>
                    <td>
                      <div class="tw:font-semibold">Tariq Hassan</div>
                      <div class="tw-small tw:text-muted"><span class="tw:font-mono">U204840111401</span> · Cardinal Pole Catholic School</div>
                    </td>
                    <td><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Resident</span></td>
                    <td><span class="tw-badge tw-badge-danger-subtle tw-badge-sm">Unknown</span></td>
                    <td><span class="tw-badge tw-badge-danger-subtle tw-badge-sm">High</span></td>
                    <td><span class="tw:text-neutral-400">—</span></td>
                    <td><span class="tw:text-danger tw:font-semibold">No applications</span></td>
                    <td class="tw:text-center tw:font-semibold tw:text-neutral-400 tw:tabular-nums">0</td>
                  </tr>
                  <tr class="tw-table-row-clickable" data-students-target="row" data-id="r9" data-status="pending" data-risk="medium" data-search="olivia reyes d204793411934 mossbourne community academy non-resident lae tottenham a-levels (politics, history, economics) a-levels mossbourne sixth form a-levels (humanities) a-levels" data-action="click->students#rowClick">
                    <td class="tw:text-center">
                      <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-btn-sm" data-id="r9" data-action="click->students#toggle" aria-expanded="false" aria-controls="stu-detail-9" aria-label="Toggle applications for Olivia Reyes">
                        <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                      </button>
                    </td>
                    <td>
                      <div class="tw:font-semibold">Olivia Reyes</div>
                      <div class="tw-small tw:text-muted"><span class="tw:font-mono">D204793411934</span> · Mossbourne Community Academy</div>
                    </td>
                    <td><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Non-Resident</span></td>
                    <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Pending</span></td>
                    <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Medium</span></td>
                    <td><span class="tw:inline-flex tw:items-center tw:gap-1"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Offered</span></span></td>
                    <td><span class="tw:text-muted">Offered: LAE Tottenham</span></td>
                    <td class="tw:text-center tw:font-semibold tw:text-primary-500 tw:tabular-nums">2</td>
                  </tr>
                  <tr id="stu-detail-9" data-students-target="detail" data-id="r9" hidden>
                    <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                      <div class="tw:px-4 tw:py-2 tw:pl-12">
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Offered</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">LAE Tottenham</span><span class="tw:text-muted"> · A-Levels (Politics, History, Economics)</span></span>
                          <span class="tw-badge tw-badge-warning-subtle tw-badge-xs tw:shrink-0">Out of borough</span>
                        </div>
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-secondary-subtle tw-badge-sm">Applied</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">Mossbourne Sixth Form</span><span class="tw:text-muted"> · A-Levels (Humanities)</span></span>
                          <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr class="tw-table-row-clickable" data-students-target="row" data-id="r10" data-status="confirmed" data-risk="low" data-search="jacob mensah q204222911229 haggerston school resident new city college btec it (l3) it & computing hackney collegiate sixth form btec it (l2) it & computing" data-action="click->students#rowClick">
                    <td class="tw:text-center">
                      <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-btn-sm" data-id="r10" data-action="click->students#toggle" aria-expanded="false" aria-controls="stu-detail-10" aria-label="Toggle applications for Jacob Mensah">
                        <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                      </button>
                    </td>
                    <td>
                      <div class="tw:font-semibold">Jacob Mensah</div>
                      <div class="tw-small tw:text-muted"><span class="tw:font-mono">Q204222911229</span> · Haggerston School</div>
                    </td>
                    <td><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Resident</span></td>
                    <td><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Confirmed</span></td>
                    <td><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Low</span></td>
                    <td><span class="tw:inline-flex tw:items-center tw:gap-1"><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Enrolled</span></span></td>
                    <td><span class="tw:font-semibold tw:text-green-600">New City College</span><span class="tw:text-muted"> · BTEC IT (L3)</span></td>
                    <td class="tw:text-center tw:font-semibold tw:text-primary-500 tw:tabular-nums">2</td>
                  </tr>
                  <tr id="stu-detail-10" data-students-target="detail" data-id="r10" hidden>
                    <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                      <div class="tw:px-4 tw:py-2 tw:pl-12">
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Enrolled</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-green-600">New City College</span><span class="tw:text-muted"> · BTEC IT (L3)</span></span>
                          <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          <span class="tw-badge tw-badge-success-subtle tw-badge-xs tw:shrink-0">Destination</span>
                        </div>
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Offered</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Level 2</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">Hackney Collegiate Sixth Form</span><span class="tw:text-muted"> · BTEC IT (L2)</span></span>
                          <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr class="tw-table-row-clickable" data-students-target="row" data-id="r11" data-status="pending" data-risk="no-risk" data-search="aaliyah khan l204543911439 clapton girls' academy resident bsix college a-levels (sociology, psychology) a-levels" data-action="click->students#rowClick">
                    <td class="tw:text-center">
                      <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-btn-sm" data-id="r11" data-action="click->students#toggle" aria-expanded="false" aria-controls="stu-detail-11" aria-label="Toggle applications for Aaliyah Khan">
                        <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                      </button>
                    </td>
                    <td>
                      <div class="tw:font-semibold">Aaliyah Khan</div>
                      <div class="tw-small tw:text-muted"><span class="tw:font-mono">L204543911439</span> · Clapton Girls' Academy</div>
                    </td>
                    <td><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Resident</span></td>
                    <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Pending</span></td>
                    <td><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">No risk</span></td>
                    <td><span class="tw:inline-flex tw:items-center tw:gap-1"><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Started</span></span></td>
                    <td><span class="tw:text-muted">Started: BSix College</span></td>
                    <td class="tw:text-center tw:font-semibold tw:text-primary-500 tw:tabular-nums">1</td>
                  </tr>
                  <tr id="stu-detail-11" data-students-target="detail" data-id="r11" hidden>
                    <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                      <div class="tw:px-4 tw:py-2 tw:pl-12">
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Started</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">BSix College</span><span class="tw:text-muted"> · A-Levels (Sociology, Psychology)</span></span>
                          <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr data-students-target="row" data-status="unknown" data-risk="medium" data-search="ethan clarke f204539811398 the excelsior academy resident">
                    <td></td>
                    <td>
                      <div class="tw:font-semibold">Ethan Clarke</div>
                      <div class="tw-small tw:text-muted"><span class="tw:font-mono">F204539811398</span> · The Excelsior Academy</div>
                    </td>
                    <td><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Resident</span></td>
                    <td><span class="tw-badge tw-badge-danger-subtle tw-badge-sm">Unknown</span></td>
                    <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Medium</span></td>
                    <td><span class="tw:text-neutral-400">—</span></td>
                    <td><span class="tw:text-danger tw:font-semibold">No applications</span></td>
                    <td class="tw:text-center tw:font-semibold tw:text-neutral-400 tw:tabular-nums">0</td>
                  </tr>
                  <tr class="tw-table-row-clickable" data-students-target="row" data-id="r13" data-status="confirmed" data-risk="no-risk" data-search="priya patel b204578511785 stoke newington school resident stoke newington sixth form a-levels (sociology, geography, art) a-levels" data-action="click->students#rowClick">
                    <td class="tw:text-center">
                      <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-btn-sm" data-id="r13" data-action="click->students#toggle" aria-expanded="false" aria-controls="stu-detail-13" aria-label="Toggle applications for Priya Patel">
                        <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                      </button>
                    </td>
                    <td>
                      <div class="tw:font-semibold">Priya Patel</div>
                      <div class="tw-small tw:text-muted"><span class="tw:font-mono">B204578511785</span> · Stoke Newington School</div>
                    </td>
                    <td><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Resident</span></td>
                    <td><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Confirmed</span></td>
                    <td><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">No risk</span></td>
                    <td><span class="tw:inline-flex tw:items-center tw:gap-1"><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Enrolled</span></span></td>
                    <td><span class="tw:font-semibold tw:text-green-600">Stoke Newington Sixth Form</span><span class="tw:text-muted"> · A-Levels (Sociology, Geography, Art)</span></td>
                    <td class="tw:text-center tw:font-semibold tw:text-primary-500 tw:tabular-nums">1</td>
                  </tr>
                  <tr id="stu-detail-13" data-students-target="detail" data-id="r13" hidden>
                    <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                      <div class="tw:px-4 tw:py-2 tw:pl-12">
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Enrolled</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-green-600">Stoke Newington Sixth Form</span><span class="tw:text-muted"> · A-Levels (Sociology, Geography, Art)</span></span>
                          <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          <span class="tw-badge tw-badge-success-subtle tw-badge-xs tw:shrink-0">Destination</span>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr class="tw-table-row-clickable" data-students-target="row" data-id="r14" data-status="pending" data-risk="low" data-search="noah adeyemi d204759411594 the city academy, hackney non-resident newham collegiate sixth form a-levels (maths, chemistry, biology) a-levels the city academy sixth form a-levels (sciences) a-levels" data-action="click->students#rowClick">
                    <td class="tw:text-center">
                      <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-btn-sm" data-id="r14" data-action="click->students#toggle" aria-expanded="false" aria-controls="stu-detail-14" aria-label="Toggle applications for Noah Adeyemi">
                        <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                      </button>
                    </td>
                    <td>
                      <div class="tw:font-semibold">Noah Adeyemi</div>
                      <div class="tw-small tw:text-muted"><span class="tw:font-mono">D204759411594</span> · The City Academy, Hackney</div>
                    </td>
                    <td><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Non-Resident</span></td>
                    <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Pending</span></td>
                    <td><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Low</span></td>
                    <td><span class="tw:inline-flex tw:items-center tw:gap-1"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Accepted</span></span></td>
                    <td><span class="tw:text-muted">Accepted: Newham Collegiate Sixth Form</span></td>
                    <td class="tw:text-center tw:font-semibold tw:text-primary-500 tw:tabular-nums">2</td>
                  </tr>
                  <tr id="stu-detail-14" data-students-target="detail" data-id="r14" hidden>
                    <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                      <div class="tw:px-4 tw:py-2 tw:pl-12">
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Accepted</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">Newham Collegiate Sixth Form</span><span class="tw:text-muted"> · A-Levels (Maths, Chemistry, Biology)</span></span>
                          <span class="tw-badge tw-badge-warning-subtle tw-badge-xs tw:shrink-0">Out of borough</span>
                        </div>
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Started</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">The City Academy Sixth Form</span><span class="tw:text-muted"> · A-Levels (Sciences)</span></span>
                          <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr class="tw-table-row-clickable" data-students-target="row" data-id="r15" data-status="pending" data-risk="low" data-search="isla murphy q204609611096 stoke newington school resident bsix college a-levels (biology, chemistry) a-levels new city college btec applied science (l3) applied science lae tottenham a-levels (sciences) a-levels" data-action="click->students#rowClick">
                    <td class="tw:text-center">
                      <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-btn-sm" data-id="r15" data-action="click->students#toggle" aria-expanded="false" aria-controls="stu-detail-15" aria-label="Toggle applications for Isla Murphy">
                        <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                      </button>
                    </td>
                    <td>
                      <div class="tw:font-semibold">Isla Murphy</div>
                      <div class="tw-small tw:text-muted"><span class="tw:font-mono">Q204609611096</span> · Stoke Newington School</div>
                    </td>
                    <td><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Resident</span></td>
                    <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Pending</span></td>
                    <td><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Low</span></td>
                    <td><span class="tw:inline-flex tw:items-center tw:gap-1"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Accepted</span><span class="tw-small tw:text-muted">×2</span></span></td>
                    <td><span class="tw:text-orange-600 tw:font-semibold">2 offers accepted</span><span class="tw:text-muted"> · BSix College, New City College</span></td>
                    <td class="tw:text-center tw:font-semibold tw:text-primary-500 tw:tabular-nums">3</td>
                  </tr>
                  <tr id="stu-detail-15" data-students-target="detail" data-id="r15" hidden>
                    <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                      <div class="tw:px-4 tw:py-2 tw:pl-12">
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Accepted</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">BSix College</span><span class="tw:text-muted"> · A-Levels (Biology, Chemistry)</span></span>
                          <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                        </div>
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Accepted</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">New City College</span><span class="tw:text-muted"> · BTEC Applied Science (L3)</span></span>
                          <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                        </div>
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Offered</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">LAE Tottenham</span><span class="tw:text-muted"> · A-Levels (Sciences)</span></span>
                          <span class="tw-badge tw-badge-warning-subtle tw-badge-xs tw:shrink-0">Out of borough</span>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr class="tw-table-row-clickable" data-students-target="row" data-id="r16" data-status="confirmed" data-risk="no-risk" data-search="reuben cole m204638811388 mossbourne community academy resident mossbourne sixth form a-levels (maths, economics, geography) a-levels bsix college a-levels (maths, business) a-levels" data-action="click->students#rowClick">
                    <td class="tw:text-center">
                      <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-btn-sm" data-id="r16" data-action="click->students#toggle" aria-expanded="false" aria-controls="stu-detail-16" aria-label="Toggle applications for Reuben Cole">
                        <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                      </button>
                    </td>
                    <td>
                      <div class="tw:font-semibold">Reuben Cole</div>
                      <div class="tw-small tw:text-muted"><span class="tw:font-mono">M204638811388</span> · Mossbourne Community Academy</div>
                    </td>
                    <td><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Resident</span></td>
                    <td><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Confirmed</span></td>
                    <td><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">No risk</span></td>
                    <td><span class="tw:inline-flex tw:items-center tw:gap-1"><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Enrolled</span><span class="tw-small tw:text-muted">×2</span></span></td>
                    <td><span class="tw:inline-flex tw:items-center tw:gap-2 tw:flex-wrap"><span class="tw-badge tw-badge-danger-subtle tw-badge-xs"><i class="fa-solid fa-triangle-exclamation"></i> Dual enrolment</span><span class="tw:text-danger tw:font-semibold">Mossbourne Sixth Form & BSix College</span></span></td>
                    <td class="tw:text-center tw:font-semibold tw:text-primary-500 tw:tabular-nums">2</td>
                  </tr>
                  <tr id="stu-detail-16" data-students-target="detail" data-id="r16" hidden>
                    <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                      <div class="tw:px-4 tw:py-2 tw:pl-12">
                        <div class="tw-inline-notification tw-inline-notification-error tw-inline-notification-compact tw:mb-3">
                          <div class="tw-inline-notification-icon"><i class="fa-solid fa-triangle-exclamation"></i></div>
                          <div class="tw-inline-notification-content">
                            <p class="tw-inline-notification-message">Enrolled at 2 institutions — confirm the actual destination and withdraw the duplicate.</p>
                          </div>
                        </div>
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Enrolled</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-green-600">Mossbourne Sixth Form</span><span class="tw:text-muted"> · A-Levels (Maths, Economics, Geography)</span></span>
                          <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          <span class="tw-badge tw-badge-success-subtle tw-badge-xs tw:shrink-0">Destination</span>
                        </div>
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Enrolled</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-green-600">BSix College</span><span class="tw:text-muted"> · A-Levels (Maths, Business)</span></span>
                          <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          <span class="tw-badge tw-badge-success-subtle tw-badge-xs tw:shrink-0">Destination</span>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr class="tw-table-row-clickable" data-students-target="row" data-id="r17" data-status="pending" data-risk="no-risk" data-search="florence hartley e204745711457 stoke newington school resident camden school for girls a-levels (latin, classical civilisation, history) a-level classics stoke newington sixth form a-levels (history, english) a-levels" data-action="click->students#rowClick">
                    <td class="tw:text-center">
                      <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-btn-sm" data-id="r17" data-action="click->students#toggle" aria-expanded="false" aria-controls="stu-detail-17" aria-label="Toggle applications for Florence Hartley">
                        <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                      </button>
                    </td>
                    <td>
                      <div class="tw:font-semibold">Florence Hartley</div>
                      <div class="tw-small tw:text-muted"><span class="tw:font-mono">E204745711457</span> · Stoke Newington School</div>
                    </td>
                    <td><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Resident</span></td>
                    <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Pending</span></td>
                    <td><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">No risk</span></td>
                    <td><span class="tw:inline-flex tw:items-center tw:gap-1"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Accepted</span></span></td>
                    <td><span class="tw:text-muted">Accepted: Camden School for Girls</span></td>
                    <td class="tw:text-center tw:font-semibold tw:text-primary-500 tw:tabular-nums">2</td>
                  </tr>
                  <tr id="stu-detail-17" data-students-target="detail" data-id="r17" hidden>
                    <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                      <div class="tw:px-4 tw:py-2 tw:pl-12">
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Accepted</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">Camden School for Girls</span><span class="tw:text-muted"> · A-Levels (Latin, Classical Civilisation, History)</span></span>
                          <span class="tw-badge tw-badge-warning-subtle tw-badge-xs tw:shrink-0">Out of borough</span>
                        </div>
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Offered</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">Stoke Newington Sixth Form</span><span class="tw:text-muted"> · A-Levels (History, English)</span></span>
                          <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr class="tw-table-row-clickable" data-students-target="row" data-id="r18" data-status="pending" data-risk="medium" data-search="kayden brooks g204392611926 the urswick school resident westminster kingsway college construction & the built environment (l2) construction bsix college foundation learning (l1) foundation learning" data-action="click->students#rowClick">
                    <td class="tw:text-center">
                      <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-btn-sm" data-id="r18" data-action="click->students#toggle" aria-expanded="false" aria-controls="stu-detail-18" aria-label="Toggle applications for Kayden Brooks">
                        <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                      </button>
                    </td>
                    <td>
                      <div class="tw:font-semibold">Kayden Brooks</div>
                      <div class="tw-small tw:text-muted"><span class="tw:font-mono">G204392611926</span> · The Urswick School</div>
                    </td>
                    <td><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Resident</span></td>
                    <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Pending</span></td>
                    <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Medium</span></td>
                    <td><span class="tw:inline-flex tw:items-center tw:gap-1"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Accepted</span></span></td>
                    <td><span class="tw:text-muted">Accepted: Westminster Kingsway College</span></td>
                    <td class="tw:text-center tw:font-semibold tw:text-primary-500 tw:tabular-nums">2</td>
                  </tr>
                  <tr id="stu-detail-18" data-students-target="detail" data-id="r18" hidden>
                    <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                      <div class="tw:px-4 tw:py-2 tw:pl-12">
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Accepted</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Level 2</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">Westminster Kingsway College</span><span class="tw:text-muted"> · Construction & the Built Environment (L2)</span></span>
                          <span class="tw-badge tw-badge-warning-subtle tw-badge-xs tw:shrink-0">Out of borough</span>
                        </div>
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-secondary-subtle tw-badge-sm">Applied</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Level 1</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">BSix College</span><span class="tw:text-muted"> · Foundation Learning (L1)</span></span>
                          <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr class="tw-table-row-clickable" data-students-target="row" data-id="r19" data-status="pending" data-risk="low" data-search="demi lawson n204317111171 clapton girls' academy resident leyton sixth form college hair & beauty (l1) hair & beauty" data-action="click->students#rowClick">
                    <td class="tw:text-center">
                      <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-btn-sm" data-id="r19" data-action="click->students#toggle" aria-expanded="false" aria-controls="stu-detail-19" aria-label="Toggle applications for Demi Lawson">
                        <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                      </button>
                    </td>
                    <td>
                      <div class="tw:font-semibold">Demi Lawson</div>
                      <div class="tw-small tw:text-muted"><span class="tw:font-mono">N204317111171</span> · Clapton Girls' Academy</div>
                    </td>
                    <td><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Resident</span></td>
                    <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Pending</span></td>
                    <td><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Low</span></td>
                    <td><span class="tw:inline-flex tw:items-center tw:gap-1"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Offered</span></span></td>
                    <td><span class="tw:text-muted">Offered: Leyton Sixth Form College</span></td>
                    <td class="tw:text-center tw:font-semibold tw:text-primary-500 tw:tabular-nums">1</td>
                  </tr>
                  <tr id="stu-detail-19" data-students-target="detail" data-id="r19" hidden>
                    <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                      <div class="tw:px-4 tw:py-2 tw:pl-12">
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Offered</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Level 1</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">Leyton Sixth Form College</span><span class="tw:text-muted"> · Hair & Beauty (L1)</span></span>
                          <span class="tw-badge tw-badge-warning-subtle tw-badge-xs tw:shrink-0">Out of borough</span>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr class="tw-table-row-clickable" data-students-target="row" data-id="r20" data-status="pending" data-risk="medium" data-search="marcus reid f204466711667 haggerston school non-resident waltham forest college motor vehicle maintenance (l2) motor vehicle bsix college foundation learning (entry level) foundation learning" data-action="click->students#rowClick">
                    <td class="tw:text-center">
                      <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-btn-sm" data-id="r20" data-action="click->students#toggle" aria-expanded="false" aria-controls="stu-detail-20" aria-label="Toggle applications for Marcus Reid">
                        <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                      </button>
                    </td>
                    <td>
                      <div class="tw:font-semibold">Marcus Reid</div>
                      <div class="tw-small tw:text-muted"><span class="tw:font-mono">F204466711667</span> · Haggerston School</div>
                    </td>
                    <td><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Non-Resident</span></td>
                    <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Pending</span></td>
                    <td><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Medium</span></td>
                    <td><span class="tw:inline-flex tw:items-center tw:gap-1"><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Started</span></span></td>
                    <td><span class="tw:text-muted">Started: Waltham Forest College</span></td>
                    <td class="tw:text-center tw:font-semibold tw:text-primary-500 tw:tabular-nums">2</td>
                  </tr>
                  <tr id="stu-detail-20" data-students-target="detail" data-id="r20" hidden>
                    <td colspan="8" class="tw:bg-neutral-100 tw:p-0">
                      <div class="tw:px-4 tw:py-2 tw:pl-12">
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Started</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Level 2</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">Waltham Forest College</span><span class="tw:text-muted"> · Motor Vehicle Maintenance (L2)</span></span>
                          <span class="tw-badge tw-badge-warning-subtle tw-badge-xs tw:shrink-0">Out of borough</span>
                        </div>
                        <div class="tw:flex tw:items-center tw:gap-3 tw:py-2">
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-secondary-subtle tw-badge-sm">Applied</span></span>
                          <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-secondary-subtle tw-badge-sm">Entry Level</span></span>
                          <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">BSix College</span><span class="tw:text-muted"> · Foundation Learning (Entry Level)</span></span>
                          <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                        </div>
                      </div>
                    </td>
                  </tr>
                  <tr data-students-target="empty" hidden>
                    <td colspan="8" class="tw-table-empty">No students match your search.</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <!-- Panel 1: Demand vs. local offer -->
        <div data-tabs-target="panel" role="tabpanel" class="tw:pt-4" hidden>
          <!-- Demand vs. local offer -->
          <div class="tw:mb-6">
            <div class="tw:flex tw:items-baseline tw:gap-2 tw:flex-wrap tw:mb-3">
              <h2 class="tw-h5 tw:mb-0">Demand vs. local offer</h2>
              <span class="tw-small tw:text-muted">What young people are applying for, against what Hackney provides in borough</span>
            </div>
            <div class="tw-inline-notification tw-inline-notification-error tw:mb-3" role="alert">
              <div class="tw-inline-notification-icon"><i class="fa-solid fa-triangle-exclamation"></i></div>
              <div class="tw-inline-notification-content">
                <p class="tw-inline-notification-message"><strong>4 courses with no in-borough offer</strong> — A-Level Classics, Construction, Motor Vehicle, Hair & Beauty. <strong>4 learners</strong> travelling out of borough.</p>
              </div>
            </div>
            <div class="tw-card tw:overflow-hidden">
              <div class="tw-table-responsive">
                <table class="tw-table">
                  <thead>
                    <tr>
                      <th class="tw:w-10"></th>
                      <th>Qualification group</th>
                      <th class="tw:text-center">Applicants</th>
                      <th class="tw:text-center">In-borough offer</th>
                      <th class="tw:text-center">Going out of borough</th>
                      <th>Status</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr class="tw-table-row-clickable" data-action="click->students#groupRowClick">
                      <td class="tw:text-center">
                        <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-btn-sm" data-action="click->students#toggleGroup" aria-expanded="false" aria-controls="dmd-detail-1" aria-label="Toggle courses for A-Levels">
                          <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                        </button>
                      </td>
                      <td class="tw:font-semibold">A-Levels<span class="tw:font-normal tw:text-muted"> · 16 courses</span></td>
                      <td class="tw:text-center tw:font-semibold tw:text-primary-500 tw:tabular-nums">11</td>
                      <td class="tw:text-center"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Partial</span></td>
                      <td class="tw:text-center tw:font-semibold tw:tabular-nums tw:text-orange-600">5</td>
                      <td><span class="tw:font-semibold tw:text-orange-600">Partial gap</span></td>
                    </tr>
                    <tr id="dmd-detail-1" hidden>
                      <td colspan="6" class="tw:bg-neutral-100 tw:p-0">
                        <div class="tw:px-4 tw:py-2 tw:pl-12">
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">A-Levels (Sciences)</span><span class="tw:text-muted"> · A-Levels</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">3 applicants</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">2 local</span> · <span class="tw:text-orange-600 tw:font-semibold">1 out</span></span>
                            <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          </div>
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">A-Levels (Biology, Chemistry, Maths)</span><span class="tw:text-muted"> · A-Levels</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">1 applicant</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">1 local</span> · <span class="tw:text-orange-600 tw:font-semibold">0 out</span></span>
                            <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          </div>
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">A-Levels (English, History, Psychology)</span><span class="tw:text-muted"> · A-Levels</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">1 applicant</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">1 local</span> · <span class="tw:text-orange-600 tw:font-semibold">0 out</span></span>
                            <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          </div>
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">A-Levels (Business, Economics, Maths)</span><span class="tw:text-muted"> · A-Levels</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">1 applicant</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">1 local</span> · <span class="tw:text-orange-600 tw:font-semibold">0 out</span></span>
                            <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          </div>
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">A-Levels (Maths, Further Maths, Physics)</span><span class="tw:text-muted"> · A-Levels</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">1 applicant</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">0 local</span> · <span class="tw:text-orange-600 tw:font-semibold">1 out</span></span>
                            <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          </div>
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">A-Levels (Maths, Physics)</span><span class="tw:text-muted"> · A-Levels</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">1 applicant</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">1 local</span> · <span class="tw:text-orange-600 tw:font-semibold">0 out</span></span>
                            <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          </div>
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">A-Levels (Politics, History, Economics)</span><span class="tw:text-muted"> · A-Levels</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">1 applicant</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">0 local</span> · <span class="tw:text-orange-600 tw:font-semibold">1 out</span></span>
                            <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          </div>
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">A-Levels (Humanities)</span><span class="tw:text-muted"> · A-Levels</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">1 applicant</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">1 local</span> · <span class="tw:text-orange-600 tw:font-semibold">0 out</span></span>
                            <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          </div>
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">A-Levels (Sociology, Psychology)</span><span class="tw:text-muted"> · A-Levels</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">1 applicant</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">1 local</span> · <span class="tw:text-orange-600 tw:font-semibold">0 out</span></span>
                            <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          </div>
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">A-Levels (Sociology, Geography, Art)</span><span class="tw:text-muted"> · A-Levels</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">1 applicant</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">1 local</span> · <span class="tw:text-orange-600 tw:font-semibold">0 out</span></span>
                            <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          </div>
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">A-Levels (Maths, Chemistry, Biology)</span><span class="tw:text-muted"> · A-Levels</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">1 applicant</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">0 local</span> · <span class="tw:text-orange-600 tw:font-semibold">1 out</span></span>
                            <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          </div>
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">A-Levels (Biology, Chemistry)</span><span class="tw:text-muted"> · A-Levels</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">1 applicant</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">1 local</span> · <span class="tw:text-orange-600 tw:font-semibold">0 out</span></span>
                            <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          </div>
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">A-Levels (Maths, Economics, Geography)</span><span class="tw:text-muted"> · A-Levels</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">1 applicant</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">1 local</span> · <span class="tw:text-orange-600 tw:font-semibold">0 out</span></span>
                            <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          </div>
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">A-Levels (Maths, Business)</span><span class="tw:text-muted"> · A-Levels</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">1 applicant</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">1 local</span> · <span class="tw:text-orange-600 tw:font-semibold">0 out</span></span>
                            <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          </div>
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">A-Levels (Latin, Classical Civilisation, History)</span><span class="tw:text-muted"> · A-Level Classics</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">1 applicant</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">0 local</span> · <span class="tw:text-orange-600 tw:font-semibold">1 out</span></span>
                            <span class="tw-badge tw-badge-danger-subtle tw-badge-xs tw:shrink-0">Not offered</span>
                          </div>
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">A-Levels (History, English)</span><span class="tw:text-muted"> · A-Levels</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">1 applicant</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">1 local</span> · <span class="tw:text-orange-600 tw:font-semibold">0 out</span></span>
                            <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          </div>
                        </div>
                      </td>
                    </tr>
                    <tr class="tw-table-row-clickable" data-action="click->students#groupRowClick">
                      <td class="tw:text-center">
                        <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-btn-sm" data-action="click->students#toggleGroup" aria-expanded="false" aria-controls="dmd-detail-2" aria-label="Toggle courses for BTEC Level 3">
                          <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                        </button>
                      </td>
                      <td class="tw:font-semibold">BTEC Level 3<span class="tw:font-normal tw:text-muted"> · 4 courses</span></td>
                      <td class="tw:text-center tw:font-semibold tw:text-primary-500 tw:tabular-nums">4</td>
                      <td class="tw:text-center"><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Yes</span></td>
                      <td class="tw:text-center tw:font-semibold tw:tabular-nums tw:text-neutral-400">—</td>
                      <td><span class="tw:font-semibold tw:text-green-600">Met locally</span></td>
                    </tr>
                    <tr id="dmd-detail-2" hidden>
                      <td colspan="6" class="tw:bg-neutral-100 tw:p-0">
                        <div class="tw:px-4 tw:py-2 tw:pl-12">
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">BTEC Health & Social Care (L3)</span><span class="tw:text-muted"> · Health & Social Care</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">1 applicant</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">1 local</span> · <span class="tw:text-orange-600 tw:font-semibold">0 out</span></span>
                            <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          </div>
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">BTEC Engineering (L3)</span><span class="tw:text-muted"> · Engineering</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">1 applicant</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">1 local</span> · <span class="tw:text-orange-600 tw:font-semibold">0 out</span></span>
                            <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          </div>
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">BTEC IT (L3)</span><span class="tw:text-muted"> · IT & Computing</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">1 applicant</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">1 local</span> · <span class="tw:text-orange-600 tw:font-semibold">0 out</span></span>
                            <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          </div>
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-magenta-subtle tw-badge-sm">Level 3</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">BTEC Applied Science (L3)</span><span class="tw:text-muted"> · Applied Science</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">1 applicant</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">1 local</span> · <span class="tw:text-orange-600 tw:font-semibold">0 out</span></span>
                            <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          </div>
                        </div>
                      </td>
                    </tr>
                    <tr class="tw-table-row-clickable" data-action="click->students#groupRowClick">
                      <td class="tw:text-center">
                        <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-btn-sm" data-action="click->students#toggleGroup" aria-expanded="false" aria-controls="dmd-detail-3" aria-label="Toggle courses for BTEC Level 2">
                          <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                        </button>
                      </td>
                      <td class="tw:font-semibold">BTEC Level 2<span class="tw:font-normal tw:text-muted"> · 3 courses</span></td>
                      <td class="tw:text-center tw:font-semibold tw:text-primary-500 tw:tabular-nums">4</td>
                      <td class="tw:text-center"><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Yes</span></td>
                      <td class="tw:text-center tw:font-semibold tw:tabular-nums tw:text-neutral-400">—</td>
                      <td><span class="tw:font-semibold tw:text-green-600">Met locally</span></td>
                    </tr>
                    <tr id="dmd-detail-3" hidden>
                      <td colspan="6" class="tw:bg-neutral-100 tw:p-0">
                        <div class="tw:px-4 tw:py-2 tw:pl-12">
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Level 2</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">BTEC IT (L2)</span><span class="tw:text-muted"> · IT & Computing</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">2 applicants</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">2 local</span> · <span class="tw:text-orange-600 tw:font-semibold">0 out</span></span>
                            <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          </div>
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Level 2</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">BTEC Health Studies (L2)</span><span class="tw:text-muted"> · Health & Social Care</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">1 applicant</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">1 local</span> · <span class="tw:text-orange-600 tw:font-semibold">0 out</span></span>
                            <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          </div>
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Level 2</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">BTEC Engineering (L2)</span><span class="tw:text-muted"> · Engineering</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">1 applicant</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">1 local</span> · <span class="tw:text-orange-600 tw:font-semibold">0 out</span></span>
                            <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          </div>
                        </div>
                      </td>
                    </tr>
                    <tr class="tw-table-row-clickable" data-action="click->students#groupRowClick">
                      <td class="tw:text-center">
                        <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-btn-sm" data-action="click->students#toggleGroup" aria-expanded="false" aria-controls="dmd-detail-4" aria-label="Toggle courses for Vocational Level 2">
                          <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                        </button>
                      </td>
                      <td class="tw:font-semibold">Vocational Level 2<span class="tw:font-normal tw:text-muted"> · 2 courses</span></td>
                      <td class="tw:text-center tw:font-semibold tw:text-primary-500 tw:tabular-nums">2</td>
                      <td class="tw:text-center"><span class="tw-badge tw-badge-danger-subtle tw-badge-sm">No</span></td>
                      <td class="tw:text-center tw:font-semibold tw:tabular-nums tw:text-orange-600">2</td>
                      <td><span class="tw:font-semibold tw:text-danger">Provision gap</span></td>
                    </tr>
                    <tr id="dmd-detail-4" hidden>
                      <td colspan="6" class="tw:bg-neutral-100 tw:p-0">
                        <div class="tw:px-4 tw:py-2 tw:pl-12">
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Level 2</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">Construction & the Built Environment (L2)</span><span class="tw:text-muted"> · Construction</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">1 applicant</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">0 local</span> · <span class="tw:text-orange-600 tw:font-semibold">1 out</span></span>
                            <span class="tw-badge tw-badge-danger-subtle tw-badge-xs tw:shrink-0">Not offered</span>
                          </div>
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Level 2</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">Motor Vehicle Maintenance (L2)</span><span class="tw:text-muted"> · Motor Vehicle</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">1 applicant</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">0 local</span> · <span class="tw:text-orange-600 tw:font-semibold">1 out</span></span>
                            <span class="tw-badge tw-badge-danger-subtle tw-badge-xs tw:shrink-0">Not offered</span>
                          </div>
                        </div>
                      </td>
                    </tr>
                    <tr class="tw-table-row-clickable" data-action="click->students#groupRowClick">
                      <td class="tw:text-center">
                        <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-btn-sm" data-action="click->students#toggleGroup" aria-expanded="false" aria-controls="dmd-detail-5" aria-label="Toggle courses for Foundation Learning">
                          <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                        </button>
                      </td>
                      <td class="tw:font-semibold">Foundation Learning<span class="tw:font-normal tw:text-muted"> · 2 courses</span></td>
                      <td class="tw:text-center tw:font-semibold tw:text-primary-500 tw:tabular-nums">2</td>
                      <td class="tw:text-center"><span class="tw-badge tw-badge-success-subtle tw-badge-sm">Yes</span></td>
                      <td class="tw:text-center tw:font-semibold tw:tabular-nums tw:text-neutral-400">—</td>
                      <td><span class="tw:font-semibold tw:text-green-600">Met locally</span></td>
                    </tr>
                    <tr id="dmd-detail-5" hidden>
                      <td colspan="6" class="tw:bg-neutral-100 tw:p-0">
                        <div class="tw:px-4 tw:py-2 tw:pl-12">
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2 tw:border-b tw:border-neutral-200">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Level 1</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">Foundation Learning (L1)</span><span class="tw:text-muted"> · Foundation Learning</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">1 applicant</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">1 local</span> · <span class="tw:text-orange-600 tw:font-semibold">0 out</span></span>
                            <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          </div>
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-secondary-subtle tw-badge-sm">Entry Level</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">Foundation Learning (Entry Level)</span><span class="tw:text-muted"> · Foundation Learning</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">1 applicant</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">1 local</span> · <span class="tw:text-orange-600 tw:font-semibold">0 out</span></span>
                            <span class="tw-badge tw-badge-primary-subtle tw-badge-xs tw:shrink-0">In borough</span>
                          </div>
                        </div>
                      </td>
                    </tr>
                    <tr class="tw-table-row-clickable" data-action="click->students#groupRowClick">
                      <td class="tw:text-center">
                        <button type="button" class="tw-btn tw-btn-tertiary tw-btn-icon tw-btn-sm" data-action="click->students#toggleGroup" aria-expanded="false" aria-controls="dmd-detail-6" aria-label="Toggle courses for Vocational Level 1">
                          <i class="fa-regular fa-chevron-down tw:transition-transform" data-role="chevron"></i>
                        </button>
                      </td>
                      <td class="tw:font-semibold">Vocational Level 1<span class="tw:font-normal tw:text-muted"> · 1 course</span></td>
                      <td class="tw:text-center tw:font-semibold tw:text-primary-500 tw:tabular-nums">1</td>
                      <td class="tw:text-center"><span class="tw-badge tw-badge-danger-subtle tw-badge-sm">No</span></td>
                      <td class="tw:text-center tw:font-semibold tw:tabular-nums tw:text-orange-600">1</td>
                      <td><span class="tw:font-semibold tw:text-danger">Provision gap</span></td>
                    </tr>
                    <tr id="dmd-detail-6" hidden>
                      <td colspan="6" class="tw:bg-neutral-100 tw:p-0">
                        <div class="tw:px-4 tw:py-2 tw:pl-12">
                          <div class="tw:flex tw:items-center tw:gap-3 tw:py-2">
                            <span class="tw:shrink-0 tw:w-20"><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Level 1</span></span>
                            <span class="tw:flex-1 tw:min-w-0 tw:text-body-s"><span class="tw:font-semibold tw:text-neutral-900">Hair & Beauty (L1)</span><span class="tw:text-muted"> · Hair & Beauty</span></span>
                            <span class="tw:shrink-0 tw:text-body-xs tw:text-muted tw:tabular-nums">1 applicant</span>
                            <span class="tw:shrink-0 tw:w-32 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">0 local</span> · <span class="tw:text-orange-600 tw:font-semibold">1 out</span></span>
                            <span class="tw-badge tw-badge-danger-subtle tw-badge-xs tw:shrink-0">Not offered</span>
                          </div>
                        </div>
                      </td>
                    </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>
        </div>
        <!-- Panel 2: Applications to Entry–Level 2 -->
        <div data-tabs-target="panel" role="tabpanel" class="tw:pt-4" hidden>
          <!-- Entry Level – Level 2 tracking -->
          <div class="tw:mb-6">
            <div class="tw:flex tw:items-baseline tw:gap-2 tw:flex-wrap tw:mb-3">
              <h2 class="tw-h5 tw:mb-0">Entry Level – Level 2 tracking</h2>
              <span class="tw-small tw:text-muted">Applications below Level 3, the course types, and whether learners stay local or go elsewhere</span>
            </div>
            <div class="tw:grid tw:grid-cols-2 tw:lg:grid-cols-4 tw:gap-3 tw:mb-4">
              <div class="tw-card tw:h-full">
                <div class="tw-card-body tw-stat-tile">
                  <span class="tw-stat-tile-label">Applications to Entry–Level 2</span>
                  <span class="tw-stat-tile-value">18</span>
                </div>
              </div>
              <div class="tw-card tw:h-full">
                <div class="tw-card-body tw-stat-tile">
                  <span class="tw-stat-tile-label">Students applying</span>
                  <span class="tw-stat-tile-value">13</span>
                </div>
              </div>
              <div class="tw-card tw:h-full">
                <div class="tw-card-body tw-stat-tile">
                  <span class="tw-stat-tile-label">Staying in borough</span>
                  <span class="tw-stat-tile-value">12</span>
                </div>
              </div>
              <div class="tw-card tw:h-full">
                <div class="tw-card-body tw-stat-tile">
                  <span class="tw-stat-tile-label">Going out of borough</span>
                  <span class="tw-stat-tile-value tw-stat-tile-value-warning">6</span>
                </div>
              </div>
            </div>
            <div class="tw-card">
              <div class="tw-card-body">
                <div class="tw:flex tw:items-center tw:gap-3 tw:flex-wrap tw:mb-4">
                  <span class="tw-small tw:font-semibold tw:text-muted tw:uppercase">By level</span>
                  <span class="tw:inline-flex tw:items-center tw:gap-2"><span class="tw-badge tw-badge-secondary-subtle tw-badge-sm">Entry Level</span><span class="tw:font-semibold tw:tabular-nums">2</span></span>
                  <span class="tw:inline-flex tw:items-center tw:gap-2"><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Level 1</span><span class="tw:font-semibold tw:tabular-nums">3</span></span>
                  <span class="tw:inline-flex tw:items-center tw:gap-2"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Level 2</span><span class="tw:font-semibold tw:tabular-nums">13</span></span>
                </div>
                <div class="tw:flex tw:flex-col tw:gap-3">
                  <button type="button"
                  class="tw:flex tw:items-center tw:gap-3 tw:w-full tw:text-left tw:rounded-md tw:px-2 tw:-mx-2 tw:py-1 tw:cursor-pointer tw:transition tw:hover:bg-neutral-100 tw:focus:outline-none tw:focus-visible:ring-2 tw:focus-visible:ring-primary/25"
                  data-action="click->course-type-drilldown#open"
                    data-course-type="it-computing" data-label="IT & Computing" data-total="4"
                    aria-haspopup="dialog">
                    <span class="tw:shrink-0 tw:w-44 tw:text-body-s tw:font-medium tw:text-neutral-900">IT & Computing</span>
                    <div class="tw-progress tw-progress-stacked tw:flex-1" aria-hidden="true">
                      <div class="tw-progress-bar tw-progress-bar-success tw:[--progress-value:75%]"></div>
                      <div class="tw-progress-bar tw-progress-bar-warning tw:[--progress-value:25%]"></div>
                    </div>
                    <span class="tw:shrink-0 tw:w-36 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">3 local</span> · <span class="tw:text-orange-600 tw:font-semibold">1 elsewhere</span></span>
                    <i class="fa-regular fa-chevron-right tw:shrink-0 tw:text-neutral-300 tw:text-body-xs" aria-hidden="true"></i>
                  </button>
                  <button type="button"
                  class="tw:flex tw:items-center tw:gap-3 tw:w-full tw:text-left tw:rounded-md tw:px-2 tw:-mx-2 tw:py-1 tw:cursor-pointer tw:transition tw:hover:bg-neutral-100 tw:focus:outline-none tw:focus-visible:ring-2 tw:focus-visible:ring-primary/25"
                  data-action="click->course-type-drilldown#open"
                    data-course-type="health-social-care" data-label="Health & Social Care" data-total="4"
                    aria-haspopup="dialog">
                    <span class="tw:shrink-0 tw:w-44 tw:text-body-s tw:font-medium tw:text-neutral-900">Health & Social Care</span>
                    <div class="tw-progress tw-progress-stacked tw:flex-1" aria-hidden="true">
                      <div class="tw-progress-bar tw-progress-bar-success tw:[--progress-value:75%]"></div>
                      <div class="tw-progress-bar tw-progress-bar-warning tw:[--progress-value:25%]"></div>
                    </div>
                    <span class="tw:shrink-0 tw:w-36 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">3 local</span> · <span class="tw:text-orange-600 tw:font-semibold">1 elsewhere</span></span>
                    <i class="fa-regular fa-chevron-right tw:shrink-0 tw:text-neutral-300 tw:text-body-xs" aria-hidden="true"></i>
                  </button>
                  <button type="button"
                  class="tw:flex tw:items-center tw:gap-3 tw:w-full tw:text-left tw:rounded-md tw:px-2 tw:-mx-2 tw:py-1 tw:cursor-pointer tw:transition tw:hover:bg-neutral-100 tw:focus:outline-none tw:focus-visible:ring-2 tw:focus-visible:ring-primary/25"
                  data-action="click->course-type-drilldown#open"
                    data-course-type="foundation-learning" data-label="Foundation Learning" data-total="3"
                    aria-haspopup="dialog">
                    <span class="tw:shrink-0 tw:w-44 tw:text-body-s tw:font-medium tw:text-neutral-900">Foundation Learning</span>
                    <div class="tw-progress tw-progress-stacked tw:flex-1" aria-hidden="true">
                      <div class="tw-progress-bar tw-progress-bar-success tw:[--progress-value:100%]"></div>
                      <div class="tw-progress-bar tw-progress-bar-warning tw:[--progress-value:0%]"></div>
                    </div>
                    <span class="tw:shrink-0 tw:w-36 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">3 local</span> · <span class="tw:text-orange-600 tw:font-semibold">0 elsewhere</span></span>
                    <i class="fa-regular fa-chevron-right tw:shrink-0 tw:text-neutral-300 tw:text-body-xs" aria-hidden="true"></i>
                  </button>
                  <button type="button"
                  class="tw:flex tw:items-center tw:gap-3 tw:w-full tw:text-left tw:rounded-md tw:px-2 tw:-mx-2 tw:py-1 tw:cursor-pointer tw:transition tw:hover:bg-neutral-100 tw:focus:outline-none tw:focus-visible:ring-2 tw:focus-visible:ring-primary/25"
                  data-action="click->course-type-drilldown#open"
                    data-course-type="engineering" data-label="Engineering" data-total="3"
                    aria-haspopup="dialog">
                    <span class="tw:shrink-0 tw:w-44 tw:text-body-s tw:font-medium tw:text-neutral-900">Engineering</span>
                    <div class="tw-progress tw-progress-stacked tw:flex-1" aria-hidden="true">
                      <div class="tw-progress-bar tw-progress-bar-success tw:[--progress-value:67%]"></div>
                      <div class="tw-progress-bar tw-progress-bar-warning tw:[--progress-value:33%]"></div>
                    </div>
                    <span class="tw:shrink-0 tw:w-36 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">2 local</span> · <span class="tw:text-orange-600 tw:font-semibold">1 elsewhere</span></span>
                    <i class="fa-regular fa-chevron-right tw:shrink-0 tw:text-neutral-300 tw:text-body-xs" aria-hidden="true"></i>
                  </button>
                  <button type="button"
                  class="tw:flex tw:items-center tw:gap-3 tw:w-full tw:text-left tw:rounded-md tw:px-2 tw:-mx-2 tw:py-1 tw:cursor-pointer tw:transition tw:hover:bg-neutral-100 tw:focus:outline-none tw:focus-visible:ring-2 tw:focus-visible:ring-primary/25"
                  data-action="click->course-type-drilldown#open"
                    data-course-type="construction" data-label="Construction" data-total="2"
                    aria-haspopup="dialog">
                    <span class="tw:shrink-0 tw:w-44 tw:text-body-s tw:font-medium tw:text-neutral-900">Construction</span>
                    <div class="tw-progress tw-progress-stacked tw:flex-1" aria-hidden="true">
                      <div class="tw-progress-bar tw-progress-bar-success tw:[--progress-value:50%]"></div>
                      <div class="tw-progress-bar tw-progress-bar-warning tw:[--progress-value:50%]"></div>
                    </div>
                    <span class="tw:shrink-0 tw:w-36 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">1 local</span> · <span class="tw:text-orange-600 tw:font-semibold">1 elsewhere</span></span>
                    <i class="fa-regular fa-chevron-right tw:shrink-0 tw:text-neutral-300 tw:text-body-xs" aria-hidden="true"></i>
                  </button>
                  <button type="button"
                  class="tw:flex tw:items-center tw:gap-3 tw:w-full tw:text-left tw:rounded-md tw:px-2 tw:-mx-2 tw:py-1 tw:cursor-pointer tw:transition tw:hover:bg-neutral-100 tw:focus:outline-none tw:focus-visible:ring-2 tw:focus-visible:ring-primary/25"
                  data-action="click->course-type-drilldown#open"
                    data-course-type="hair-beauty" data-label="Hair & Beauty" data-total="1"
                    aria-haspopup="dialog">
                    <span class="tw:shrink-0 tw:w-44 tw:text-body-s tw:font-medium tw:text-neutral-900">Hair & Beauty</span>
                    <div class="tw-progress tw-progress-stacked tw:flex-1" aria-hidden="true">
                      <div class="tw-progress-bar tw-progress-bar-success tw:[--progress-value:0%]"></div>
                      <div class="tw-progress-bar tw-progress-bar-warning tw:[--progress-value:100%]"></div>
                    </div>
                    <span class="tw:shrink-0 tw:w-36 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">0 local</span> · <span class="tw:text-orange-600 tw:font-semibold">1 elsewhere</span></span>
                    <i class="fa-regular fa-chevron-right tw:shrink-0 tw:text-neutral-300 tw:text-body-xs" aria-hidden="true"></i>
                  </button>
                  <button type="button"
                  class="tw:flex tw:items-center tw:gap-3 tw:w-full tw:text-left tw:rounded-md tw:px-2 tw:-mx-2 tw:py-1 tw:cursor-pointer tw:transition tw:hover:bg-neutral-100 tw:focus:outline-none tw:focus-visible:ring-2 tw:focus-visible:ring-primary/25"
                  data-action="click->course-type-drilldown#open"
                    data-course-type="motor-vehicle" data-label="Motor Vehicle" data-total="1"
                    aria-haspopup="dialog">
                    <span class="tw:shrink-0 tw:w-44 tw:text-body-s tw:font-medium tw:text-neutral-900">Motor Vehicle</span>
                    <div class="tw-progress tw-progress-stacked tw:flex-1" aria-hidden="true">
                      <div class="tw-progress-bar tw-progress-bar-success tw:[--progress-value:0%]"></div>
                      <div class="tw-progress-bar tw-progress-bar-warning tw:[--progress-value:100%]"></div>
                    </div>
                    <span class="tw:shrink-0 tw:w-36 tw:text-right tw:text-body-xs tw:tabular-nums"><span class="tw:text-green-600 tw:font-semibold">0 local</span> · <span class="tw:text-orange-600 tw:font-semibold">1 elsewhere</span></span>
                    <i class="fa-regular fa-chevron-right tw:shrink-0 tw:text-neutral-300 tw:text-body-xs" aria-hidden="true"></i>
                  </button>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- ============ By level → course type — drill-in popup ============ -->
        <div data-controller="popup" data-course-type-popup>
          <div class="tw-popup-overlay" data-popup-target="overlay" data-action="click->popup#handleOverlayClick"></div>
          <div class="tw-popup-panel tw-popup-2xl" data-popup-target="panel" role="dialog" aria-modal="true" aria-labelledby="la-course-type-drill-title">
            <div class="tw-popup-header">
              <h2 class="tw-popup-header-title" id="la-course-type-drill-title" data-course-type-drilldown-target="title">Course type</h2>
              <button class="tw-popup-close" type="button" aria-label="Close" data-action="click->popup#close"><i class="fa-solid fa-xmark"></i></button>
            </div>
            <div class="tw-popup-body tw-popup-body-tight">
              <div class="tw-data-table">
                <div class="tw-data-table-toolbar tw:px-4">
                  <div class="tw-data-table-toolbar-start">
                    <span class="tw-small tw:text-muted" data-course-type-drilldown-target="count">0 applications</span>
                  </div>
                  <div class="tw-data-table-toolbar-end">
                    <div class="tw-input-group tw-has-icon-start tw-has-icon-end">
                      <i class="tw-input-group-icon tw-input-group-icon-start fa-solid fa-magnifying-glass"></i>
                      <input type="search" class="tw-form-control tw-form-control-sm" placeholder="Search by name, school, UPN…" aria-label="Search students" data-popup-target="autofocus" data-course-type-drilldown-target="searchInput" data-action="input->course-type-drilldown#search">
                      <button type="button" class="tw-input-group-icon tw-input-group-icon-end tw-input-group-icon-clickable" aria-label="Clear search" data-course-type-drilldown-target="clearBtn" data-action="click->course-type-drilldown#clear" hidden><i class="fa-solid fa-xmark"></i></button>
                    </div>
                    <button type="button" class="tw-btn tw-btn-sm tw-btn-secondary"><i class="fa-regular fa-file-export tw:mr-1"></i>Export this table</button>
                  </div>
                </div>
                <div class="tw-data-table-body" data-course-type-drilldown-target="table">
                  <table class="tw-table tw-table-hover">
                    <thead>
                      <tr>
                        <th data-col="upn">UPN</th>
                        <th data-col="student">Student</th>
                        <th data-col="school">Current school</th>
                        <th data-col="level">Level</th>
                        <th data-col="dest">Destinations</th>
                        <th data-col="updated">Last updated</th>
                      </tr>
                    </thead>
                    <tbody>
                      <!-- it-computing -->
                      <tr data-course-type-drilldown-target="row" data-course-type="it-computing" data-search="kayden brooks k204771210032 the urswick school bsix college btec it (l2)">
                        <td data-col="upn"><span class="tw:font-mono tw:text-body-s">K204771210032</span></td>
                        <td data-col="student"><span class="tw:font-semibold">Kayden Brooks</span></td>
                        <td data-col="school">The Urswick School</td>
                        <td data-col="level"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Level 2</span></td>
                        <td data-col="dest">
                          <div class="tw:flex tw:flex-col tw:gap-1">
                            <span class="tw-badge tw-badge-warning-subtle tw-badge-xs tw:self-start">Accepted</span>
                            <span class="tw:text-body-s"><span class="tw:font-semibold">BSix College</span><span class="tw:text-muted"> · BTEC IT (L2)</span></span>
                            <span class="tw:text-body-xs tw:text-muted tw:whitespace-nowrap"><i class="fa-regular fa-location-dot tw:mr-1"></i>In borough</span>
                          </div>
                        </td>
                        <td data-col="updated"><span class="tw-small tw:text-muted tw:whitespace-nowrap">12 Jun 2026</span></td>
                      </tr>
                      <tr data-course-type-drilldown-target="row" data-course-type="it-computing" data-search="kayden brooks k204771210032 the urswick school hackney collegiate sixth form btec digital technology (l2)">
                        <td data-col="upn"><span class="tw:font-mono tw:text-body-s">K204771210032</span></td>
                        <td data-col="student"><span class="tw:font-semibold">Kayden Brooks</span></td>
                        <td data-col="school">The Urswick School</td>
                        <td data-col="level"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Level 2</span></td>
                        <td data-col="dest">
                          <div class="tw:flex tw:flex-col tw:gap-1">
                            <span class="tw-badge tw-badge-magenta-subtle tw-badge-xs tw:self-start">Offered</span>
                            <span class="tw:text-body-s"><span class="tw:font-semibold">Hackney Collegiate Sixth Form</span><span class="tw:text-muted"> · BTEC Digital Technology (L2)</span></span>
                            <span class="tw:text-body-xs tw:text-muted tw:whitespace-nowrap"><i class="fa-regular fa-location-dot tw:mr-1"></i>In borough</span>
                          </div>
                        </td>
                        <td data-col="updated"><span class="tw-small tw:text-muted tw:whitespace-nowrap">9 Jun 2026</span></td>
                      </tr>
                      <tr data-course-type-drilldown-target="row" data-course-type="it-computing" data-search="chloe adeyemi c204819930451 clapton girls' academy new city college btec software development (l1)">
                        <td data-col="upn"><span class="tw:font-mono tw:text-body-s">C204819930451</span></td>
                        <td data-col="student"><span class="tw:font-semibold">Chloe Adeyemi</span></td>
                        <td data-col="school">Clapton Girls' Academy</td>
                        <td data-col="level"><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Level 1</span></td>
                        <td data-col="dest">
                          <div class="tw:flex tw:flex-col tw:gap-1">
                            <span class="tw-badge tw-badge-secondary-subtle tw-badge-xs tw:self-start">Applied</span>
                            <span class="tw:text-body-s"><span class="tw:font-semibold">New City College</span><span class="tw:text-muted"> · BTEC Software Development (L1)</span></span>
                            <span class="tw:text-body-xs tw:text-muted tw:whitespace-nowrap"><i class="fa-regular fa-location-dot tw:mr-1"></i>In borough</span>
                          </div>
                        </td>
                        <td data-col="updated"><span class="tw-small tw:text-muted tw:whitespace-nowrap">4 Jun 2026</span></td>
                      </tr>
                      <tr data-course-type-drilldown-target="row" data-course-type="it-computing" data-search="jordan pryce j204662140187 haggerston school newham college btec it (l2)">
                        <td data-col="upn"><span class="tw:font-mono tw:text-body-s">J204662140187</span></td>
                        <td data-col="student"><span class="tw:font-semibold">Jordan Pryce</span></td>
                        <td data-col="school">Haggerston School</td>
                        <td data-col="level"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Level 2</span></td>
                        <td data-col="dest">
                          <div class="tw:flex tw:flex-col tw:gap-1">
                            <span class="tw-badge tw-badge-secondary-subtle tw-badge-xs tw:self-start">Applied</span>
                            <span class="tw:text-body-s"><span class="tw:font-semibold">Newham College</span><span class="tw:text-muted"> · BTEC IT (L2)</span></span>
                            <span class="tw:text-body-xs tw:text-orange-700 tw:whitespace-nowrap"><i class="fa-regular fa-location-dot tw:mr-1"></i>Out of borough</span>
                          </div>
                        </td>
                        <td data-col="updated"><span class="tw-small tw:text-muted tw:whitespace-nowrap">28 May 2026</span></td>
                      </tr>
                      <!-- health-social-care -->
                      <tr data-course-type-drilldown-target="row" data-course-type="health-social-care" data-search="tyrese johnson t204509871220 haggerston school bsix college btec health & social care (l2)">
                        <td data-col="upn"><span class="tw:font-mono tw:text-body-s">T204509871220</span></td>
                        <td data-col="student"><span class="tw:font-semibold">Tyrese Johnson</span></td>
                        <td data-col="school">Haggerston School</td>
                        <td data-col="level"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Level 2</span></td>
                        <td data-col="dest">
                          <div class="tw:flex tw:flex-col tw:gap-1">
                            <span class="tw-badge tw-badge-warning-subtle tw-badge-xs tw:self-start">Accepted</span>
                            <span class="tw:text-body-s"><span class="tw:font-semibold">BSix College</span><span class="tw:text-muted"> · BTEC Health & Social Care (L2)</span></span>
                            <span class="tw:text-body-xs tw:text-muted tw:whitespace-nowrap"><i class="fa-regular fa-location-dot tw:mr-1"></i>In borough</span>
                          </div>
                        </td>
                        <td data-col="updated"><span class="tw-small tw:text-muted tw:whitespace-nowrap">11 Jun 2026</span></td>
                      </tr>
                      <tr data-course-type-drilldown-target="row" data-course-type="health-social-care" data-search="amelia foster a204133560914 clapton girls' academy new city college btec health & social care (l2)">
                        <td data-col="upn"><span class="tw:font-mono tw:text-body-s">A204133560914</span></td>
                        <td data-col="student"><span class="tw:font-semibold">Amelia Foster</span></td>
                        <td data-col="school">Clapton Girls' Academy</td>
                        <td data-col="level"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Level 2</span></td>
                        <td data-col="dest">
                          <div class="tw:flex tw:flex-col tw:gap-1">
                            <span class="tw-badge tw-badge-magenta-subtle tw-badge-xs tw:self-start">Offered</span>
                            <span class="tw:text-body-s"><span class="tw:font-semibold">New City College</span><span class="tw:text-muted"> · BTEC Health & Social Care (L2)</span></span>
                            <span class="tw:text-body-xs tw:text-muted tw:whitespace-nowrap"><i class="fa-regular fa-location-dot tw:mr-1"></i>In borough</span>
                          </div>
                        </td>
                        <td data-col="updated"><span class="tw-small tw:text-muted tw:whitespace-nowrap">6 Jun 2026</span></td>
                      </tr>
                      <tr data-course-type-drilldown-target="row" data-course-type="health-social-care" data-search="daniel owusu d204948210765 the urswick school bsix college btec health & social care (l2)">
                        <td data-col="upn"><span class="tw:font-mono tw:text-body-s">D204948210765</span></td>
                        <td data-col="student"><span class="tw:font-semibold">Daniel Owusu</span></td>
                        <td data-col="school">The Urswick School</td>
                        <td data-col="level"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Level 2</span></td>
                        <td data-col="dest">
                          <div class="tw:flex tw:flex-col tw:gap-1">
                            <span class="tw-badge tw-badge-secondary-subtle tw-badge-xs tw:self-start">Applied</span>
                            <span class="tw:text-body-s"><span class="tw:font-semibold">BSix College</span><span class="tw:text-muted"> · BTEC Health & Social Care (L2)</span></span>
                            <span class="tw:text-body-xs tw:text-muted tw:whitespace-nowrap"><i class="fa-regular fa-location-dot tw:mr-1"></i>In borough</span>
                          </div>
                        </td>
                        <td data-col="updated"><span class="tw-small tw:text-muted tw:whitespace-nowrap">2 Jun 2026</span></td>
                      </tr>
                      <tr data-course-type-drilldown-target="row" data-course-type="health-social-care" data-search="daniel owusu d204948210765 the urswick school barking & dagenham college btec health & social care (l2)">
                        <td data-col="upn"><span class="tw:font-mono tw:text-body-s">D204948210765</span></td>
                        <td data-col="student"><span class="tw:font-semibold">Daniel Owusu</span></td>
                        <td data-col="school">The Urswick School</td>
                        <td data-col="level"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Level 2</span></td>
                        <td data-col="dest">
                          <div class="tw:flex tw:flex-col tw:gap-1">
                            <span class="tw-badge tw-badge-secondary-subtle tw-badge-xs tw:self-start">Applied</span>
                            <span class="tw:text-body-s"><span class="tw:font-semibold">Barking & Dagenham College</span><span class="tw:text-muted"> · BTEC Health & Social Care (L2)</span></span>
                            <span class="tw:text-body-xs tw:text-orange-700 tw:whitespace-nowrap"><i class="fa-regular fa-location-dot tw:mr-1"></i>Out of borough</span>
                          </div>
                        </td>
                        <td data-col="updated"><span class="tw-small tw:text-muted tw:whitespace-nowrap">2 Jun 2026</span></td>
                      </tr>
                      <!-- foundation-learning -->
                      <tr data-course-type-drilldown-target="row" data-course-type="foundation-learning" data-search="aaliyah hassan a204365080129 clapton girls' academy new city college foundation learning (entry 3)">
                        <td data-col="upn"><span class="tw:font-mono tw:text-body-s">A204365080129</span></td>
                        <td data-col="student"><span class="tw:font-semibold">Aaliyah Hassan</span></td>
                        <td data-col="school">Clapton Girls' Academy</td>
                        <td data-col="level"><span class="tw-badge tw-badge-secondary-subtle tw-badge-sm">Entry Level</span></td>
                        <td data-col="dest">
                          <div class="tw:flex tw:flex-col tw:gap-1">
                            <span class="tw-badge tw-badge-secondary-subtle tw-badge-xs tw:self-start">Applied</span>
                            <span class="tw:text-body-s"><span class="tw:font-semibold">New City College</span><span class="tw:text-muted"> · Foundation Learning (Entry 3)</span></span>
                            <span class="tw:text-body-xs tw:text-muted tw:whitespace-nowrap"><i class="fa-regular fa-location-dot tw:mr-1"></i>In borough</span>
                          </div>
                        </td>
                        <td data-col="updated"><span class="tw-small tw:text-muted tw:whitespace-nowrap">3 Jun 2026</span></td>
                      </tr>
                      <tr data-course-type-drilldown-target="row" data-course-type="foundation-learning" data-search="aaliyah hassan a204365080129 clapton girls' academy bsix college foundation studies (entry 3)">
                        <td data-col="upn"><span class="tw:font-mono tw:text-body-s">A204365080129</span></td>
                        <td data-col="student"><span class="tw:font-semibold">Aaliyah Hassan</span></td>
                        <td data-col="school">Clapton Girls' Academy</td>
                        <td data-col="level"><span class="tw-badge tw-badge-secondary-subtle tw-badge-sm">Entry Level</span></td>
                        <td data-col="dest">
                          <div class="tw:flex tw:flex-col tw:gap-1">
                            <span class="tw-badge tw-badge-secondary-subtle tw-badge-xs tw:self-start">Applied</span>
                            <span class="tw:text-body-s"><span class="tw:font-semibold">BSix College</span><span class="tw:text-muted"> · Foundation Studies (Entry 3)</span></span>
                            <span class="tw:text-body-xs tw:text-muted tw:whitespace-nowrap"><i class="fa-regular fa-location-dot tw:mr-1"></i>In borough</span>
                          </div>
                        </td>
                        <td data-col="updated"><span class="tw-small tw:text-muted tw:whitespace-nowrap">3 Jun 2026</span></td>
                      </tr>
                      <tr data-course-type-drilldown-target="row" data-course-type="foundation-learning" data-search="reuben hill r204891260470 the excelsior academy bsix college foundation diploma (l1)">
                        <td data-col="upn"><span class="tw:font-mono tw:text-body-s">R204891260470</span></td>
                        <td data-col="student"><span class="tw:font-semibold">Reuben Hill</span></td>
                        <td data-col="school">The Excelsior Academy</td>
                        <td data-col="level"><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Level 1</span></td>
                        <td data-col="dest">
                          <div class="tw:flex tw:flex-col tw:gap-1">
                            <span class="tw-badge tw-badge-magenta-subtle tw-badge-xs tw:self-start">Offered</span>
                            <span class="tw:text-body-s"><span class="tw:font-semibold">BSix College</span><span class="tw:text-muted"> · Foundation Diploma (L1)</span></span>
                            <span class="tw:text-body-xs tw:text-muted tw:whitespace-nowrap"><i class="fa-regular fa-location-dot tw:mr-1"></i>In borough</span>
                          </div>
                        </td>
                        <td data-col="updated"><span class="tw-small tw:text-muted tw:whitespace-nowrap">7 Jun 2026</span></td>
                      </tr>
                      <!-- engineering -->
                      <tr data-course-type-drilldown-target="row" data-course-type="engineering" data-search="marcus reid m204277430588 the city academy, hackney hackney collegiate sixth form btec engineering (l2)">
                        <td data-col="upn"><span class="tw:font-mono tw:text-body-s">M204277430588</span></td>
                        <td data-col="student"><span class="tw:font-semibold">Marcus Reid</span></td>
                        <td data-col="school">The City Academy, Hackney</td>
                        <td data-col="level"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Level 2</span></td>
                        <td data-col="dest">
                          <div class="tw:flex tw:flex-col tw:gap-1">
                            <span class="tw-badge tw-badge-magenta-subtle tw-badge-xs tw:self-start">Offered</span>
                            <span class="tw:text-body-s"><span class="tw:font-semibold">Hackney Collegiate Sixth Form</span><span class="tw:text-muted"> · BTEC Engineering (L2)</span></span>
                            <span class="tw:text-body-xs tw:text-muted tw:whitespace-nowrap"><i class="fa-regular fa-location-dot tw:mr-1"></i>In borough</span>
                          </div>
                        </td>
                        <td data-col="updated"><span class="tw-small tw:text-muted tw:whitespace-nowrap">10 Jun 2026</span></td>
                      </tr>
                      <tr data-course-type-drilldown-target="row" data-course-type="engineering" data-search="marcus reid m204277430588 the city academy, hackney new city college btec engineering (l2)">
                        <td data-col="upn"><span class="tw:font-mono tw:text-body-s">M204277430588</span></td>
                        <td data-col="student"><span class="tw:font-semibold">Marcus Reid</span></td>
                        <td data-col="school">The City Academy, Hackney</td>
                        <td data-col="level"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Level 2</span></td>
                        <td data-col="dest">
                          <div class="tw:flex tw:flex-col tw:gap-1">
                            <span class="tw-badge tw-badge-secondary-subtle tw-badge-xs tw:self-start">Applied</span>
                            <span class="tw:text-body-s"><span class="tw:font-semibold">New City College</span><span class="tw:text-muted"> · BTEC Engineering (L2)</span></span>
                            <span class="tw:text-body-xs tw:text-muted tw:whitespace-nowrap"><i class="fa-regular fa-location-dot tw:mr-1"></i>In borough</span>
                          </div>
                        </td>
                        <td data-col="updated"><span class="tw-small tw:text-muted tw:whitespace-nowrap">5 Jun 2026</span></td>
                      </tr>
                      <tr data-course-type-drilldown-target="row" data-course-type="engineering" data-search="connor walsh c204710920343 stoke newington school waltham forest college btec engineering (l2)">
                        <td data-col="upn"><span class="tw:font-mono tw:text-body-s">C204710920343</span></td>
                        <td data-col="student"><span class="tw:font-semibold">Connor Walsh</span></td>
                        <td data-col="school">Stoke Newington School</td>
                        <td data-col="level"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Level 2</span></td>
                        <td data-col="dest">
                          <div class="tw:flex tw:flex-col tw:gap-1">
                            <span class="tw-badge tw-badge-secondary-subtle tw-badge-xs tw:self-start">Applied</span>
                            <span class="tw:text-body-s"><span class="tw:font-semibold">Waltham Forest College</span><span class="tw:text-muted"> · BTEC Engineering (L2)</span></span>
                            <span class="tw:text-body-xs tw:text-orange-700 tw:whitespace-nowrap"><i class="fa-regular fa-location-dot tw:mr-1"></i>Out of borough</span>
                          </div>
                        </td>
                        <td data-col="updated"><span class="tw-small tw:text-muted tw:whitespace-nowrap">27 May 2026</span></td>
                      </tr>
                      <!-- construction -->
                      <tr data-course-type-drilldown-target="row" data-course-type="construction" data-search="mason reilly m204540170962 stoke newington school hackney collegiate sixth form btec construction (l1)">
                        <td data-col="upn"><span class="tw:font-mono tw:text-body-s">M204540170962</span></td>
                        <td data-col="student"><span class="tw:font-semibold">Mason Reilly</span></td>
                        <td data-col="school">Stoke Newington School</td>
                        <td data-col="level"><span class="tw-badge tw-badge-primary-subtle tw-badge-sm">Level 1</span></td>
                        <td data-col="dest">
                          <div class="tw:flex tw:flex-col tw:gap-1">
                            <span class="tw-badge tw-badge-secondary-subtle tw-badge-xs tw:self-start">Applied</span>
                            <span class="tw:text-body-s"><span class="tw:font-semibold">Hackney Collegiate Sixth Form</span><span class="tw:text-muted"> · BTEC Construction (L1)</span></span>
                            <span class="tw:text-body-xs tw:text-muted tw:whitespace-nowrap"><i class="fa-regular fa-location-dot tw:mr-1"></i>In borough</span>
                          </div>
                        </td>
                        <td data-col="updated"><span class="tw-small tw:text-muted tw:whitespace-nowrap">1 Jun 2026</span></td>
                      </tr>
                      <tr data-course-type-drilldown-target="row" data-course-type="construction" data-search="mason reilly m204540170962 stoke newington school barking & dagenham college btec construction (l2)">
                        <td data-col="upn"><span class="tw:font-mono tw:text-body-s">M204540170962</span></td>
                        <td data-col="student"><span class="tw:font-semibold">Mason Reilly</span></td>
                        <td data-col="school">Stoke Newington School</td>
                        <td data-col="level"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Level 2</span></td>
                        <td data-col="dest">
                          <div class="tw:flex tw:flex-col tw:gap-1">
                            <span class="tw-badge tw-badge-secondary-subtle tw-badge-xs tw:self-start">Applied</span>
                            <span class="tw:text-body-s"><span class="tw:font-semibold">Barking & Dagenham College</span><span class="tw:text-muted"> · BTEC Construction (L2)</span></span>
                            <span class="tw:text-body-xs tw:text-orange-700 tw:whitespace-nowrap"><i class="fa-regular fa-location-dot tw:mr-1"></i>Out of borough</span>
                          </div>
                        </td>
                        <td data-col="updated"><span class="tw-small tw:text-muted tw:whitespace-nowrap">1 Jun 2026</span></td>
                      </tr>
                      <!-- hair-beauty -->
                      <tr data-course-type-drilldown-target="row" data-course-type="hair-beauty" data-search="shanice campbell s204628310705 skinners' academy leyton sixth form college vtct hair & beauty (l2)">
                        <td data-col="upn"><span class="tw:font-mono tw:text-body-s">S204628310705</span></td>
                        <td data-col="student"><span class="tw:font-semibold">Shanice Campbell</span></td>
                        <td data-col="school">Skinners' Academy</td>
                        <td data-col="level"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Level 2</span></td>
                        <td data-col="dest">
                          <div class="tw:flex tw:flex-col tw:gap-1">
                            <span class="tw-badge tw-badge-secondary-subtle tw-badge-xs tw:self-start">Applied</span>
                            <span class="tw:text-body-s"><span class="tw:font-semibold">Leyton Sixth Form College</span><span class="tw:text-muted"> · VTCT Hair & Beauty (L2)</span></span>
                            <span class="tw:text-body-xs tw:text-orange-700 tw:whitespace-nowrap"><i class="fa-regular fa-location-dot tw:mr-1"></i>Out of borough</span>
                          </div>
                        </td>
                        <td data-col="updated"><span class="tw-small tw:text-muted tw:whitespace-nowrap">26 May 2026</span></td>
                      </tr>
                      <!-- motor-vehicle -->
                      <tr data-course-type-drilldown-target="row" data-course-type="motor-vehicle" data-search="jayden osei j204194750833 the excelsior academy waltham forest college imi motor vehicle (l2)">
                        <td data-col="upn"><span class="tw:font-mono tw:text-body-s">J204194750833</span></td>
                        <td data-col="student"><span class="tw:font-semibold">Jayden Osei</span></td>
                        <td data-col="school">The Excelsior Academy</td>
                        <td data-col="level"><span class="tw-badge tw-badge-warning-subtle tw-badge-sm">Level 2</span></td>
                        <td data-col="dest">
                          <div class="tw:flex tw:flex-col tw:gap-1">
                            <span class="tw-badge tw-badge-magenta-subtle tw-badge-xs tw:self-start">Offered</span>
                            <span class="tw:text-body-s"><span class="tw:font-semibold">Waltham Forest College</span><span class="tw:text-muted"> · IMI Motor Vehicle (L2)</span></span>
                            <span class="tw:text-body-xs tw:text-orange-700 tw:whitespace-nowrap"><i class="fa-regular fa-location-dot tw:mr-1"></i>Out of borough</span>
                          </div>
                        </td>
                        <td data-col="updated"><span class="tw-small tw:text-muted tw:whitespace-nowrap">24 May 2026</span></td>
                      </tr>
                      <tr data-course-type-drilldown-target="emptySearch" hidden>
                        <td colspan="6" class="tw-table-empty">No students match your search.</td>
                      </tr>
                    </tbody>
                  </table>
                </div>
                <div data-course-type-drilldown-target="emptyMoved" class="tw:m-4 tw:border tw:border-dashed tw:border-neutral-300 tw:rounded-md tw:py-12 tw:px-4 tw:text-center tw:text-muted" hidden>
                  No students for this course type.
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </main>
</div>