h1, h4 {
      color: #0d6efd;
    }

    .nav-tabs .nav-link.active {
      background-color: #0d6efd;
      color: #fff;
    }

    .table td, .table th {
      vertical-align: middle;
    }

    /* Animate row flash on update */
    .flash {
      animation: flashBg 1s ease-in-out;
    }

    @keyframes flashBg {
      0% { background-color: #fff3cd; }
      100% { background-color: inherit; }
    }

    .rate-up {
      color: green;
      font-weight: bold;
    }

    .rate-down {
      color: red;
      font-weight: bold;
    }

      /* Animation on load */
  .fade-in {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.8s ease forwards;
  }
  @keyframes fadeInUp {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* Hover effect */
  .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1.2rem rgba(0, 0, 0, 0.15);
    transition: 0.3s ease;
  }

  .icon-circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    font-size: 1.8rem;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    background-color: #f8f9fa;
  }

  .icon-circle[data-color="info"]    { color: #0dcaf0; box-shadow: 0 0 10px #0dcaf099; }
  .icon-circle[data-color="danger"]  { color: #dc3545; box-shadow: 0 0 10px #dc354599; }
  .icon-circle[data-color="success"] { color: #28a745; box-shadow: 0 0 10px #28a74599; }
  .icon-circle[data-color="warning"] { color: #ffc107; box-shadow: 0 0 10px #ffc10799; }
  .icon-circle[data-color="purple"]  { color: #6f42c1; box-shadow: 0 0 10px #6f42c199; }