<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>
    <div class="tw-topbar-right">
      <!-- Action Buttons -->
      <button type="button" class="tw-btn tw-btn-outline-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-outline-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-outline-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>
      <div class="tw-topbar-action-icons">
        <!-- 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>
      <!-- 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">
        <!-- 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">
              <div class="tw:text-3xl tw:font-bold tw:text-primary-500">20</div>
              <div class="tw-small tw:text-neutral-500 tw:mt-1">Students tracked</div>
            </div>
          </div>
          <div class="tw-card tw:h-full">
            <div class="tw-card-body">
              <div class="tw:text-3xl tw:font-bold tw:text-green-600">6</div>
              <div class="tw-small tw:text-neutral-500 tw:mt-1">Enrolled / confirmed</div>
            </div>
          </div>
          <div class="tw-card tw:h-full">
            <div class="tw-card-body">
              <div class="tw:text-3xl tw:font-bold tw:text-orange-600">11</div>
              <div class="tw-small tw:text-neutral-500 tw:mt-1">Applications in progress</div>
            </div>
          </div>
          <div class="tw-card tw:h-full">
            <div class="tw-card-body">
              <div class="tw:text-3xl tw:font-bold tw:text-red-600">3</div>
              <div class="tw-small tw:text-neutral-500 tw:mt-1">No applications</div>
            </div>
          </div>
        </div>
        <!-- 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-neutral-500">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-neutral-500"> · 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-neutral-500"> · A-Levels</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · A-Levels</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · A-Levels</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · A-Levels</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · A-Levels</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · A-Levels</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · A-Levels</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · A-Levels</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · A-Levels</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · A-Levels</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · A-Levels</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · A-Levels</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · A-Levels</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · A-Levels</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · A-Level Classics</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · A-Levels</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · 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-neutral-500"> · Health & Social Care</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · Engineering</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · IT & Computing</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · Applied Science</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · 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-neutral-500"> · IT & Computing</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · Health & Social Care</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · Engineering</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · 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-neutral-500"> · Construction</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · Motor Vehicle</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · 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-neutral-500"> · Foundation Learning</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · Foundation Learning</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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-neutral-500"> · 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-neutral-500"> · Hair & Beauty</span></span>
                          <span class="tw:shrink-0 tw:text-body-xs tw:text-neutral-500 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>
        <!-- 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-neutral-500">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">
                <div class="tw:text-3xl tw:font-bold tw:text-primary-500">9</div>
                <div class="tw-small tw:text-neutral-500 tw:mt-1">Applications to Entry–Level 2</div>
              </div>
            </div>
            <div class="tw-card tw:h-full">
              <div class="tw-card-body">
                <div class="tw:text-3xl tw:font-bold tw:text-neutral-900">7</div>
                <div class="tw-small tw:text-neutral-500 tw:mt-1">Students applying</div>
              </div>
            </div>
            <div class="tw-card tw:h-full">
              <div class="tw-card-body">
                <div class="tw:text-3xl tw:font-bold tw:text-green-600">6</div>
                <div class="tw-small tw:text-neutral-500 tw:mt-1">Staying in borough</div>
              </div>
            </div>
            <div class="tw-card tw:h-full">
              <div class="tw-card-body">
                <div class="tw:text-3xl tw:font-bold tw:text-orange-600">3</div>
                <div class="tw-small tw:text-neutral-500 tw:mt-1">Going out of borough</div>
              </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-neutral-500 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">1</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">2</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">6</span></span>
              </div>
              <div class="tw:flex tw:flex-col tw:gap-3">
                <div class="tw:flex tw:items-center tw:gap-3">
                  <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" role="img" aria-label="IT & Computing: 2 local, 0 elsewhere">
                    <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">2 local</span> · <span class="tw:text-orange-600 tw:font-semibold">0 elsewhere</span></span>
                </div>
                <div class="tw:flex tw:items-center tw:gap-3">
                  <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" role="img" aria-label="Foundation Learning: 2 local, 0 elsewhere">
                    <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">2 local</span> · <span class="tw:text-orange-600 tw:font-semibold">0 elsewhere</span></span>
                </div>
                <div class="tw:flex tw:items-center tw:gap-3">
                  <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" role="img" aria-label="Health & Social Care: 1 local, 0 elsewhere">
                    <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">1 local</span> · <span class="tw:text-orange-600 tw:font-semibold">0 elsewhere</span></span>
                </div>
                <div class="tw:flex tw:items-center tw:gap-3">
                  <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" role="img" aria-label="Engineering: 1 local, 0 elsewhere">
                    <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">1 local</span> · <span class="tw:text-orange-600 tw:font-semibold">0 elsewhere</span></span>
                </div>
                <div class="tw:flex tw:items-center tw:gap-3">
                  <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" role="img" aria-label="Construction: 0 local, 1 elsewhere">
                    <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>
                </div>
                <div class="tw:flex tw:items-center tw:gap-3">
                  <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" role="img" aria-label="Hair & Beauty: 0 local, 1 elsewhere">
                    <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>
                </div>
                <div class="tw:flex tw:items-center tw:gap-3">
                  <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" role="img" aria-label="Motor Vehicle: 0 local, 1 elsewhere">
                    <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>
                </div>
              </div>
            </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-neutral-500" 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-neutral-500 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-neutral-500 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-neutral-500"><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-neutral-500"> · 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-neutral-500"> · 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-neutral-500"> · 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-neutral-500"><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-neutral-500"><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-neutral-500">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-neutral-500"> · 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-neutral-500"> · 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-neutral-500"><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-neutral-500">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-neutral-500"> · 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-neutral-500"> · 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-neutral-500"><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-neutral-500"> · 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-neutral-500"> · 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-neutral-500"><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-neutral-500">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-neutral-500"> · 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-neutral-500"> · 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-neutral-500"><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-neutral-500"> · 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-neutral-500"> · 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-neutral-500"> · 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-neutral-500"><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-neutral-500"><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-neutral-500">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-neutral-500"> · 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-neutral-500"> · 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-neutral-500"><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-neutral-500"> · 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-neutral-500"> · 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-neutral-500"> · 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-neutral-500"><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-neutral-500">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-neutral-500"> · 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-neutral-500"><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-neutral-500"><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-neutral-500"> · 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-neutral-500"> · 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-neutral-500"><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-neutral-500">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-neutral-500"> · 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-neutral-500"> · 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-neutral-500"><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-neutral-500">×2</span></span></td>
                  <td><span class="tw:text-orange-600 tw:font-semibold">2 offers accepted</span><span class="tw:text-neutral-500"> · 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-neutral-500"> · 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-neutral-500"> · 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-neutral-500"> · 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-neutral-500"><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-neutral-500">×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-neutral-500"> · 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-neutral-500"> · 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-neutral-500"><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-neutral-500">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-neutral-500"> · 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-neutral-500"> · 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-neutral-500"><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-neutral-500">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-neutral-500"> · 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-neutral-500"> · 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-neutral-500"><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-neutral-500">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-neutral-500"> · 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-neutral-500"><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-neutral-500">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-neutral-500"> · 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-neutral-500"> · 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>
    </div>
  </main>
</div>