ass="form-group">
      <label for="captureTime">Capture Duration (seconds): </label>
      <input type="number" id="captureTime" class="form-control" value="30" min="1">
      <button id="startCapture" class="btn">Start Capture</button>
      <div id="captureStatus" class="status">Ready to capture packets</div>
    </div>
    
    <div class="charts-container">
      <div class="chart-box">
        <h2>Most Frequent Source IPs</h2>
        <canvas id="sourceIpChart" width="400" height="300"></canvas>
     