.action-group {
  display: flex;
  justify-content: center;
  gap: 6px;
}

.action-btn {
  border: none;
  outline: none;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  transition: all 0.25s ease;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.action-btn i {
  font-size: 12px;
}

/* Individual colors */
.btn-report {
  color: #ff4d4d;
  border-color: rgba(255, 77, 77, 0.3);
}
.btn-report:hover {
  background: rgba(255, 77, 77, 0.1);
  box-shadow: 0 0 10px rgba(255, 77, 77, 0.4);
}

.btn-whitelist {
  color: #2ecc71;
  border-color: rgba(46, 204, 113, 0.3);
}
.btn-whitelist:hover {
  background: rgba(46, 204, 113, 0.1);
  box-shadow: 0 0 10px rgba(46, 204, 113, 0.4);
}

.btn-blacklist {
  color: #f1c40f;
  border-color: rgba(241, 196, 15, 0.3);
}
.btn-blacklist:hover {
  background: rgba(241, 196, 15, 0.1);
  box-shadow: 0 0 10px rgba(241, 196, 15, 0.4);
}



.filter-box {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .country-select {
      background-color: #161b22;
      color: #e6edf3;
      border: 1px solid #30363d;
      border-radius: 8px;
      padding: 8px 14px;
      font-size: 14px;
      appearance: none;
      outline: none;
      cursor: pointer;
      transition: all 0.2s ease;
      background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='18' viewBox='0 0 24 24' width='18' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
      background-repeat: no-repeat;
      background-position: right 10px center;
      background-size: 14px;
      padding-right: 30px;
    }

    .country-select:hover {
      border-color: #58a6ff;
    }

    .country-select:focus {
      box-shadow: 0 0 0 2px rgba(88, 166, 255, 0.3);
    }

    .refresh-btn {
      background: linear-gradient(90deg, #007bff, #00bfff);
      color: #fff;
      border: none;
      border-radius: 8px;
      padding: 6px 14px;
      font-weight: 500;
      display: flex;
      align-items: center;
      gap: 6px;
      transition: 0.2s ease-in-out;
    }

    .refresh-btn:hover {
      background: linear-gradient(90deg, #00bfff, #007bff);
      transform: scale(1.05);
      box-shadow: 0 0 8px rgba(0, 191, 255, 0.5);
    }

    .refresh-btn i {
      animation: rotate-icon 1s linear infinite;
      animation-play-state: paused;
    }

    .refresh-btn:hover i {
      animation-play-state: running;
    }

    @keyframes rotate-icon {
      0% {
        transform: rotate(0deg);
      }

      100% {
        transform: rotate(360deg);
      }
    }

    body {
      background-color: #0d1117;
      color: #e6edf3;
      font-family: "Inter", sans-serif;
    }

    .navbar {
      background: #161b22;
      border-bottom: 1px solid #30363d;
    }

    .metric-card {
      background: #161b22;
      border: 1px solid #30363d;
      border-radius: 12px;
      padding: 20px;
      text-align: center;
      transition: all .2s ease;
    }

    .metric-card:hover {
      transform: translateY(-3px);
      background-color: #1b222c;
    }

    .metric-title {
      font-size: 14px;
      color: #9ba3af;
    }

    .metric-value {
      font-size: 28px;
      font-weight: bold;
      margin-top: 5px;
    }

    .table {
      border-radius: 10px;
      overflow: hidden;
    }

    .table thead {
      background: #21262d;
      color: #fff;
    }

    .table tbody tr {
      background-color: #0d1117;
      border-bottom: 1px solid #21262d;
    }

    .table tbody tr:hover {
      background-color: #161b22;
    }