body {
        background: #f5f6fa;
        font-family: Arial, sans-serif;
        color: #222;
      }

      .admin-wrap {
        max-width: 1200px;
        margin: 30px auto;
        padding: 20px;
      }

      .page-title {
        font-size: 28px;
        font-weight: bold;
        margin-bottom: 10px;
      }

      .page-desc {
        color: #666;
        margin-bottom: 25px;
      }

      .summary-box {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 15px;
        margin-bottom: 25px;
      }

      .summary-card {
        background: #fff;
        border-radius: 12px;
        padding: 18px;
        box-shadow: 0 3px 10px rgba(0,0,0,0.08);
        font-weight: bold;
        text-align: center;
      }

      .summary-card span {
        display: block;
        font-size: 26px;
        color: #dc3545;
        margin-top: 8px;
      }

      .filter-box {
        background: #fff;
        border-radius: 12px;
        padding: 15px;
        margin-bottom: 20px;
        box-shadow: 0 3px 10px rgba(0,0,0,0.06);
      }

      .refund-card {
        background: #fff;
        border-radius: 14px;
        padding: 20px;
        margin-bottom: 16px;
        box-shadow: 0 3px 10px rgba(0,0,0,0.08);
        border-left: 6px solid #dc3545;
      }

      .refund-title {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 12px;
      }

      .info-row {
        margin-bottom: 7px;
        font-size: 15px;
      }

      .label {
        font-weight: bold;
        color: #555;
        display: inline-block;
        min-width: 110px;
      }

      .status-badge {
        display: inline-block;
        padding: 4px 9px;
        border-radius: 20px;
        font-size: 13px;
        font-weight: bold;
        color: white;
        background: #dc3545;
      }

      .status-done {
        background: #198754;
      }

      .status-pending {
        background: #fd7e14;
      }

      .empty-box {
        background: #fff;
        padding: 40px;
        text-align: center;
        border-radius: 12px;
        color: #777;
        font-size: 18px;
      }

      .btn-area {
        margin-top: 15px;
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
      }

      @media (max-width: 768px) {
        .admin-wrap {
          margin: 15px auto;
          padding: 12px;
        }

        .page-title {
          font-size: 22px;
        }

        .refund-title {
          font-size: 18px;
        }

        .label {
          min-width: 90px;
        }
      }