.stats-shipping {
  padding: 2rem 0;

  h1 {
    color: #2c3e50;
    margin-bottom: 2rem;
    font-weight: 600;
  }

  .stats-card {
    background: white;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
    transition: transform 0.3s ease;
    border: none;

    &:hover {
      transform: translateY(-5px);
    }

    .stats-value {
      font-size: 2rem;
      font-weight: 700;
      color: #3498db;
      margin: 0;
    }

    .stats-label {
      color: #7f8c8d;
      margin: 0;
      font-size: 0.9rem;
    }
  }

  .chart-container {
    background: white;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
    margin-top: 2rem;

    h2 {
      color: #2c3e50;
      font-size: 1.5rem;
      margin-bottom: 1.5rem;
    }

    &.border-0 {
      margin-top: 0;
    }
  }

  .shipping-methods-list {
    background: white;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
    margin-top: 2rem;

    h2 {
      color: #2c3e50;
      font-size: 1.5rem;
      margin-bottom: 1.5rem;
    }

    ul {
      list-style: none;
      padding: 0;
      margin: 0;

      li {
        display: flex;
        justify-content: space-between;
        padding: 0.75rem 0;
        border-bottom: 1px solid #ecf0f1;

        &:last-child {
          border-bottom: none;
        }

        .method-name {
          color: #34495e;
          font-weight: 500;
        }

        .method-count {
          font-weight: 600;
          color: #3498db;
        }

        &.total-shipping-method {
          .method-name {
            font-weight: 600;
            font-size: 1.5rem;
          }

          .method-count {
            font-weight: 600;
            color: #d54716;
            font-size: 1.5rem;
          }
        }
      }
    }
  }

  .accordion {
    margin-top: 2rem;

    .accordion-item {
      border: 1px solid rgba(0, 0, 0, 0.1);
      border-radius: 10px;
      margin-bottom: 1rem;
      overflow: hidden;

      &:last-child {
        margin-bottom: 0;
      }
    }

    .accordion-button {
      background-color: white;
      color: #2c3e50;
      font-weight: 500;
      padding: 1.25rem 1.5rem;

      &:not(.collapsed) {
        background-color: #f8f9fa;
        color: #3498db;
        box-shadow: none;
      }

      &:focus {
        box-shadow: none;
        border-color: rgba(52, 152, 219, 0.5);
      }

      &::after {
        transition: transform 0.2s ease;
      }
    }

    .accordion-body {
      background-color: white;
      padding: 1.5rem;
    }
  }
}