:root {
      --vp-primary: #800000;
      --vp-bg: #ffffff;
      --vp-text: #2f3542;
    }

    [data-theme="dark"] {
      --vp-bg: #121212;
      --vp-text: #ffffff;
    }

    body {
      /* background-color: var(--vp-bg); */
      background: linear-gradient(to bottom, #efeeec, #ffffff) !important;
      color: var(--vp-text);
      font-family: 'Montserrat', sans-serif;
      padding-bottom: 100px;
    }

    .avatar {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      object-fit: cover;
    }

    .quick-action-card {
      height: 50px;
      width: 110px;
      border: 1px solid #ccc;
      border-radius: 6px;
      overflow: hidden;
      flex: 0 0 auto;
    }

    .wallet-section {
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
      border-radius: 10px;
      padding: 10px;
    }

    .explore-btn {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      background-color: #f1f1f1;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: auto;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      transition: all 0.3s ease-in-out;
    }

    .explore-btn:hover {
      transform: scale(1.05);
      cursor: pointer;
    }

    .explore-label {
      margin-top: 5px;
      font-size: 0.85rem;
      font-weight: 000;
    }

    .voucher-card {
      height: 30px;
      border-radius: 6px;
      overflow: hidden;
      flex: 0 0 auto;
    }

    .voucher-scroll {
      overflow-x: auto;
      -ms-overflow-style: none;     /* IE and Edge */
      scrollbar-width: none;        /* Firefox */
    }

    .voucher-scroll::-webkit-scrollbar {
      display: none;                /* Chrome, Safari */
    }