<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Packet Dashboard</title>
  <!-- Chart.js for plotting -->
  <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
  <style>
    body { font-family: Arial, sans-serif; margin: 20px; }
    h1, h2 { color: #333; }
    .container { max-width: 1200px; margin: 0 auto; }
    .form-group { margin-bottom: 20px; }
    .form-control { padding: 8px; width: 100px; }
    .btn { padding: 8px 16px; background-color: #4CAF50; color: white; border: none;